chtk/updates
1
0
Fork 0
forked from silverwind/updates
Code Pull Requests Activity
e47c26cf04
updates/fixtures/npm/styled-components.json
silverwind f4d20fedee
test tweaks
2020-03-09 17:52:15 +01:00

35989 lines
2.3 MiB
Generated
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{
"_id": "styled-components",
"_rev": "374-a0f7631592ec366c4e662047f6d54dcd",
"name": "styled-components",
"dist-tags": { "latest": "4.4.1", "beta": "5.0.0-rc.2" },
"versions": {
"0.0.1": {
"name": "styled-components",
"version": "0.0.1",
"description": "",
"main": "lib/index.js",
"scripts": {
"build": "babel --out-dir lib src",
"build:watch": "npm run build -- --watch",
"test": "mocha 'src/**/*.test.js' --require babel-core/register",
"test:watch": "npm run test -- --watch",
"prepublish": "rm -rf lib/* && npm run build"
},
"repository": {
"type": "git",
"url": "git+https://github.com/css-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/css-components/styled-components/issues"
},
"homepage": "https://github.com/css-components/styled-components#readme",
"dependencies": {
"aphrodite": "^0.5.0",
"fbjs": "^0.8.3",
"react": "^15.3.0"
},
"devDependencies": {
"babel-core": "^6.13.2",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-preset-es2015": "^6.13.2",
"babel-preset-es2016": "^6.11.3",
"babel-preset-react": "^6.11.1",
"expect": "^1.20.2",
"mocha": "^3.0.2"
},
"babel": {
"presets": ["es2015", "es2016", "react"],
"plugins": ["add-module-exports"]
},
"gitHead": "244d0105fbc91466d32dab92bb46e888dca108c7",
"_id": "styled-components@0.0.1",
"_shasum": "f04f3751e131421adf473bf40c4a63fe86edde0f",
"_from": ".",
"_npmVersion": "3.10.5",
"_nodeVersion": "5.3.0",
"_npmUser": { "name": "geelen", "email": "hi@glenmaddern.com" },
"dist": {
"shasum": "f04f3751e131421adf473bf40c4a63fe86edde0f",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-0.0.1.tgz"
},
"maintainers": [{ "name": "geelen", "email": "hi@glenmaddern.com" }],
"_npmOperationalInternal": {
"host": "packages-16-east.internal.npmjs.com",
"tmp": "tmp/styled-components-0.0.1.tgz_1471335057483_0.29543623165227473"
},
"directories": {}
},
"0.0.2": {
"name": "styled-components",
"version": "0.0.2",
"description": "",
"main": "lib/index.js",
"scripts": {
"build": "babel --out-dir lib src",
"build:watch": "npm run build -- --watch",
"test": "mocha 'src/**/*.test.js' --require babel-core/register",
"test:watch": "npm run test -- --watch",
"prepublish": "rm -rf lib/* && npm run build"
},
"repository": {
"type": "git",
"url": "git+https://github.com/css-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/css-components/styled-components/issues"
},
"homepage": "https://github.com/css-components/styled-components#readme",
"dependencies": {
"aphrodite": "^0.5.0",
"fbjs": "^0.8.3",
"react": "^15.3.0"
},
"devDependencies": {
"babel-core": "^6.13.2",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-preset-es2015": "^6.13.2",
"babel-preset-es2016": "^6.11.3",
"babel-preset-react": "^6.11.1",
"expect": "^1.20.2",
"mocha": "^3.0.2"
},
"babel": {
"presets": ["es2015", "es2016", "react"],
"plugins": ["add-module-exports"]
},
"gitHead": "9d5f52fd24fc145d3d481895c563b219c3681471",
"_id": "styled-components@0.0.2",
"_shasum": "9016d75c44a57d852c87d5bdd93a7e83c9cccc6c",
"_from": ".",
"_npmVersion": "3.10.5",
"_nodeVersion": "5.3.0",
"_npmUser": { "name": "geelen", "email": "hi@glenmaddern.com" },
"dist": {
"shasum": "9016d75c44a57d852c87d5bdd93a7e83c9cccc6c",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-0.0.2.tgz"
},
"maintainers": [{ "name": "geelen", "email": "hi@glenmaddern.com" }],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-0.0.2.tgz_1471412970240_0.0923605253919959"
},
"directories": {}
},
"0.0.3": {
"name": "styled-components",
"version": "0.0.3",
"description": "",
"main": "lib/index.js",
"scripts": {
"build": "babel --out-dir lib src",
"build:watch": "npm run build -- --watch",
"test": "mocha 'src/**/*.test.js' --require babel-core/register",
"test:watch": "npm run test -- --watch",
"prepublish": "rm -rf lib/* && npm run build"
},
"repository": {
"type": "git",
"url": "git+https://github.com/css-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/css-components/styled-components/issues"
},
"homepage": "https://github.com/css-components/styled-components#readme",
"dependencies": {
"aphrodite": "^0.5.0",
"fbjs": "^0.8.3",
"react": "^15.3.0"
},
"devDependencies": {
"babel-core": "^6.13.2",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-preset-es2015": "^6.13.2",
"babel-preset-es2016": "^6.11.3",
"babel-preset-react": "^6.11.1",
"expect": "^1.20.2",
"mocha": "^3.0.2"
},
"babel": {
"presets": ["es2015", "es2016", "react"],
"plugins": ["add-module-exports"]
},
"gitHead": "c11bb3e3f51651b49554ab85565e8d410903ce50",
"_id": "styled-components@0.0.3",
"_shasum": "6e8cd23491e76f73830a2af21fb03772e6f42a80",
"_from": ".",
"_npmVersion": "3.10.5",
"_nodeVersion": "5.3.0",
"_npmUser": { "name": "geelen", "email": "hi@glenmaddern.com" },
"dist": {
"shasum": "6e8cd23491e76f73830a2af21fb03772e6f42a80",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-0.0.3.tgz"
},
"maintainers": [{ "name": "geelen", "email": "hi@glenmaddern.com" }],
"_npmOperationalInternal": {
"host": "packages-16-east.internal.npmjs.com",
"tmp": "tmp/styled-components-0.0.3.tgz_1471576264566_0.9290888160467148"
},
"directories": {}
},
"0.0.4": {
"name": "styled-components",
"version": "0.0.4",
"description": "",
"main": "lib/index.js",
"scripts": {
"build": "babel --out-dir lib src",
"build:watch": "npm run build -- --watch",
"test": "mocha 'src/**/*.test.js' --require babel-core/register",
"test:watch": "npm run test -- --watch",
"prepublish": "rm -rf lib/* && npm run build"
},
"repository": {
"type": "git",
"url": "git+https://github.com/css-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/css-components/styled-components/issues"
},
"homepage": "https://github.com/css-components/styled-components#readme",
"dependencies": {
"aphrodite": "^0.5.0",
"fbjs": "^0.8.3",
"react": "^15.3.0"
},
"devDependencies": {
"babel-core": "^6.13.2",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-preset-es2015": "^6.13.2",
"babel-preset-es2016": "^6.11.3",
"babel-preset-react": "^6.11.1",
"expect": "^1.20.2",
"mocha": "^3.0.2"
},
"babel": {
"presets": ["es2015", "es2016", "react"],
"plugins": ["add-module-exports"]
},
"gitHead": "ca50dcd6cde1e6500c80456d2e2c7224f51a6943",
"_id": "styled-components@0.0.4",
"_shasum": "4330b9cbd415c162f86c0363c969b677acc21266",
"_from": ".",
"_npmVersion": "3.10.5",
"_nodeVersion": "5.3.0",
"_npmUser": { "name": "geelen", "email": "hi@glenmaddern.com" },
"dist": {
"shasum": "4330b9cbd415c162f86c0363c969b677acc21266",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-0.0.4.tgz"
},
"maintainers": [{ "name": "geelen", "email": "hi@glenmaddern.com" }],
"_npmOperationalInternal": {
"host": "packages-16-east.internal.npmjs.com",
"tmp": "tmp/styled-components-0.0.4.tgz_1471845907378_0.510208805790171"
},
"directories": {}
},
"0.0.5-0": {
"name": "styled-components",
"version": "0.0.5-0",
"description": "**This is a work in progress** based off of [this demo](https://github.com/geelen/css-components-demo).",
"main": "lib/index.js",
"scripts": {
"build": "babel --out-dir lib src",
"build:watch": "npm run build -- --watch",
"test": "mocha 'src/**/*.test.js' --require babel-core/register",
"test:watch": "npm run test -- --watch",
"prepublish": "rm -rf lib/* && npm run build"
},
"repository": {
"type": "git",
"url": "git+https://github.com/css-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/css-components/styled-components/issues"
},
"homepage": "https://github.com/css-components/styled-components#readme",
"dependencies": {
"aphrodite": "^0.5.0",
"fbjs": "^0.8.3",
"react": "^15.3.0"
},
"devDependencies": {
"babel-core": "^6.13.2",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-preset-es2015": "^6.13.2",
"babel-preset-es2016": "^6.11.3",
"babel-preset-react": "^6.11.1",
"expect": "^1.20.2",
"mocha": "^3.0.2"
},
"babel": {
"presets": ["es2015", "es2016", "react"],
"plugins": ["add-module-exports"]
},
"gitHead": "fb47314903e7b0b50ba39290856c53790a91209e",
"_id": "styled-components@0.0.5-0",
"_shasum": "f88ca3a341c4f30c8cdf891cf7e7eb824046fd1d",
"_from": ".",
"_npmVersion": "3.8.6",
"_nodeVersion": "5.11.1",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "f88ca3a341c4f30c8cdf891cf7e7eb824046fd1d",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-0.0.5-0.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-16-east.internal.npmjs.com",
"tmp": "tmp/styled-components-0.0.5-0.tgz_1473492365071_0.17922717286273837"
},
"directories": {}
},
"0.0.5-1": {
"name": "styled-components",
"version": "0.0.5-1",
"description": "**This is a work in progress** based off of [this demo](https://github.com/geelen/css-components-demo).",
"main": "lib/index.js",
"scripts": {
"build": "babel --out-dir lib src",
"build:watch": "npm run build -- --watch",
"test": "mocha 'src/**/*.test.js' --require babel-core/register",
"test:watch": "npm run test -- --watch",
"prepublish": "rm -rf lib/* && npm run build"
},
"repository": {
"type": "git",
"url": "git+https://github.com/css-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/css-components/styled-components/issues"
},
"homepage": "https://github.com/css-components/styled-components#readme",
"dependencies": {
"aphrodite": "^0.5.0",
"fbjs": "^0.8.3",
"react": "^15.3.0"
},
"devDependencies": {
"babel-core": "^6.13.2",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-preset-es2015": "^6.13.2",
"babel-preset-es2016": "^6.11.3",
"babel-preset-react": "^6.11.1",
"expect": "^1.20.2",
"mocha": "^3.0.2"
},
"babel": {
"presets": ["es2015", "es2016", "react"],
"plugins": ["add-module-exports"]
},
"gitHead": "0ec20a1b99978d5830d9f0fa6dad9ccab038767f",
"_id": "styled-components@0.0.5-1",
"_shasum": "b4d0d54062dfad754fb7d2c327bc506dffdfd614",
"_from": ".",
"_npmVersion": "3.8.6",
"_nodeVersion": "5.11.1",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "b4d0d54062dfad754fb7d2c327bc506dffdfd614",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-0.0.5-1.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-0.0.5-1.tgz_1473494747718_0.35260521760210395"
},
"directories": {}
},
"0.0.5-2": {
"name": "styled-components",
"version": "0.0.5-2",
"description": "**This is a work in progress** based off of [this demo](https://github.com/geelen/css-components-demo).",
"main": "lib/index.js",
"scripts": {
"build": "babel --out-dir lib src",
"build:watch": "npm run build -- --watch",
"test": "mocha 'src/**/*.test.js' --require babel-core/register",
"test:watch": "npm run test -- --watch",
"prepublish": "rm -rf lib/* && npm run build"
},
"repository": {
"type": "git",
"url": "git+https://github.com/css-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/css-components/styled-components/issues"
},
"homepage": "https://github.com/css-components/styled-components#readme",
"dependencies": {
"aphrodite": "^0.5.0",
"fbjs": "^0.8.3",
"react": "^15.3.0"
},
"devDependencies": {
"babel-core": "^6.13.2",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-preset-es2015": "^6.13.2",
"babel-preset-es2016": "^6.11.3",
"babel-preset-react": "^6.11.1",
"expect": "^1.20.2",
"mocha": "^3.0.2"
},
"babel": {
"presets": ["es2015", "es2016", "react"],
"plugins": ["add-module-exports"]
},
"gitHead": "3c5fc4468250ab9576a615334c5469ae05f02d9c",
"_id": "styled-components@0.0.5-2",
"_shasum": "e9d32a62be410863ac72c540c7fa93e59cb55dd2",
"_from": ".",
"_npmVersion": "3.8.6",
"_nodeVersion": "5.11.1",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "e9d32a62be410863ac72c540c7fa93e59cb55dd2",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-0.0.5-2.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-0.0.5-2.tgz_1473494862655_0.7277740330900997"
},
"directories": {}
},
"0.0.5": {
"name": "styled-components",
"version": "0.0.5",
"description": "**This is a work in progress** based off of [this demo](https://github.com/geelen/css-components-demo).",
"main": "lib/index.js",
"scripts": {
"build": "babel --out-dir lib src",
"build:watch": "npm run build -- --watch",
"test": "mocha 'src/**/*.test.js' --require babel-core/register",
"test:watch": "npm run test -- --watch",
"prepublish": "rm -rf lib/* && npm run build"
},
"repository": {
"type": "git",
"url": "git+https://github.com/css-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/css-components/styled-components/issues"
},
"homepage": "https://github.com/css-components/styled-components#readme",
"dependencies": {
"aphrodite": "^0.5.0",
"fbjs": "^0.8.3",
"react": "^15.3.0"
},
"devDependencies": {
"babel-core": "^6.13.2",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-preset-es2015": "^6.13.2",
"babel-preset-es2016": "^6.11.3",
"babel-preset-react": "^6.11.1",
"expect": "^1.20.2",
"mocha": "^3.0.2"
},
"babel": {
"presets": ["es2015", "es2016", "react"],
"plugins": ["add-module-exports"]
},
"gitHead": "2ee994452e53fc0e27757c1f2020135cead09bd9",
"_id": "styled-components@0.0.5",
"_shasum": "aa494f37997e370c37d51a5b9a18b827e4ae1bac",
"_from": ".",
"_npmVersion": "3.8.6",
"_nodeVersion": "5.11.1",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "aa494f37997e370c37d51a5b9a18b827e4ae1bac",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-0.0.5.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-0.0.5.tgz_1473502231602_0.8689414083492011"
},
"directories": {}
},
"0.0.6": {
"name": "styled-components",
"version": "0.0.6",
"description": "**This is a work in progress** based off of [this demo](https://github.com/geelen/css-components-demo).",
"main": "lib/index.js",
"scripts": {
"build": "babel --out-dir lib src",
"build:watch": "npm run build -- --watch",
"test": "mocha 'src/**/*.test.js' --require babel-core/register",
"test:watch": "npm run test -- --watch",
"prepublish": "rm -rf lib/* && npm run build"
},
"repository": {
"type": "git",
"url": "git+https://github.com/css-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/css-components/styled-components/issues"
},
"homepage": "https://github.com/css-components/styled-components#readme",
"dependencies": {
"aphrodite": "^0.5.0",
"fbjs": "^0.8.3",
"react": "^15.3.0"
},
"devDependencies": {
"babel-core": "^6.13.2",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-preset-es2015": "^6.13.2",
"babel-preset-es2016": "^6.11.3",
"babel-preset-react": "^6.11.1",
"expect": "^1.20.2",
"mocha": "^3.0.2"
},
"babel": {
"presets": ["es2015", "es2016", "react"],
"plugins": ["add-module-exports"]
},
"gitHead": "9f62f584b18426cda0067a57895ae0e64feef17b",
"_id": "styled-components@0.0.6",
"_shasum": "da9dd593a4b9af33aa17b7647420c40c0385fcc5",
"_from": ".",
"_npmVersion": "3.8.6",
"_nodeVersion": "5.11.1",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "da9dd593a4b9af33aa17b7647420c40c0385fcc5",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-0.0.6.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-16-east.internal.npmjs.com",
"tmp": "tmp/styled-components-0.0.6.tgz_1473749687175_0.8882312648929656"
},
"directories": {}
},
"0.1.0": {
"name": "styled-components",
"version": "0.1.0",
"description": "**This is a work in progress** based off of [this demo](https://github.com/geelen/css-components-demo).",
"main": "lib/index.js",
"scripts": {
"build": "babel --out-dir lib src",
"build:watch": "npm run build -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "rm -rf lib/* && npm run build"
},
"repository": {
"type": "git",
"url": "git+https://github.com/css-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/css-components/styled-components/issues"
},
"homepage": "https://github.com/css-components/styled-components#readme",
"dependencies": {
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"lodash": "^4.15.0",
"react": "^15.3.0"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-core": "^6.13.2",
"babel-eslint": "^6.1.2",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-preset-es2015": "^6.13.2",
"babel-preset-es2016": "^6.11.3",
"babel-preset-react": "^6.11.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"flow-bin": "^0.32.0",
"mocha": "^3.0.2",
"proxyquire": "^1.7.10"
},
"babel": {
"presets": ["es2015", "es2016", "react"],
"plugins": ["add-module-exports", "transform-flow-strip-types"]
},
"gitHead": "52f25420eeb3738eab836f5aa1a0b3d35fea2279",
"_id": "styled-components@0.1.0",
"_shasum": "d13fe6609fb24dadaaa497fd7b03caed8b0a1644",
"_from": ".",
"_npmVersion": "3.10.3",
"_nodeVersion": "6.5.0",
"_npmUser": { "name": "geelen", "email": "hi@glenmaddern.com" },
"dist": {
"shasum": "d13fe6609fb24dadaaa497fd7b03caed8b0a1644",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-0.1.0.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-0.1.0.tgz_1474578283628_0.3477038617711514"
},
"directories": {}
},
"0.1.1": {
"name": "styled-components",
"version": "0.1.1",
"description": "**This is a work in progress** based off of [this demo](https://github.com/geelen/css-components-demo).",
"main": "lib/index.js",
"scripts": {
"build": "babel --out-dir lib src",
"build:watch": "npm run build -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "rm -rf lib/* && npm run build"
},
"repository": {
"type": "git",
"url": "git+https://github.com/css-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/css-components/styled-components/issues"
},
"homepage": "https://github.com/css-components/styled-components#readme",
"dependencies": {
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"lodash": "^4.15.0",
"react": "^15.3.0",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-core": "^6.13.2",
"babel-eslint": "^6.1.2",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-preset-es2015": "^6.13.2",
"babel-preset-es2016": "^6.11.3",
"babel-preset-react": "^6.11.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"flow-bin": "^0.32.0",
"mocha": "^3.0.2",
"proxyquire": "^1.7.10"
},
"babel": {
"presets": ["es2015", "es2016", "react"],
"plugins": ["add-module-exports", "transform-flow-strip-types"]
},
"gitHead": "f82d37fdd0a12af40667336f80f2652fde28f8d2",
"_id": "styled-components@0.1.1",
"_shasum": "d80996a57525da3be15fe8f638a0ba585a08eab6",
"_from": ".",
"_npmVersion": "3.10.3",
"_nodeVersion": "6.5.0",
"_npmUser": { "name": "geelen", "email": "hi@glenmaddern.com" },
"dist": {
"shasum": "d80996a57525da3be15fe8f638a0ba585a08eab6",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-0.1.1.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-0.1.1.tgz_1474586288309_0.16485642455518246"
},
"directories": {}
},
"0.1.2": {
"name": "styled-components",
"version": "0.1.2",
"description": "**This is a work in progress** based off of [this demo](https://github.com/geelen/css-components-demo).",
"main": "lib/index.js",
"scripts": {
"build": "babel --out-dir lib src",
"build:watch": "npm run build -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "rm -rf lib/* && npm run build"
},
"repository": {
"type": "git",
"url": "git+https://github.com/css-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/css-components/styled-components/issues"
},
"homepage": "https://github.com/css-components/styled-components#readme",
"dependencies": {
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"lodash": "^4.15.0",
"react": "^15.3.0",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-core": "^6.13.2",
"babel-eslint": "^6.1.2",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-preset-es2015": "^6.13.2",
"babel-preset-es2016": "^6.11.3",
"babel-preset-react": "^6.11.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"flow-bin": "^0.32.0",
"mocha": "^3.0.2",
"proxyquire": "^1.7.10"
},
"babel": {
"presets": ["es2015", "es2016", "react"],
"plugins": ["add-module-exports", "transform-flow-strip-types"]
},
"gitHead": "d7d4d6b7f72e441f0d9c0967cb0f970de55b3102",
"_id": "styled-components@0.1.2",
"_shasum": "22bd3495f894986abe8b633c13e29ad616a7b834",
"_from": ".",
"_npmVersion": "3.10.3",
"_nodeVersion": "6.5.0",
"_npmUser": { "name": "geelen", "email": "hi@glenmaddern.com" },
"dist": {
"shasum": "22bd3495f894986abe8b633c13e29ad616a7b834",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-0.1.2.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-16-east.internal.npmjs.com",
"tmp": "tmp/styled-components-0.1.2.tgz_1474589728132_0.9921105490066111"
},
"directories": {}
},
"0.1.3": {
"name": "styled-components",
"version": "0.1.3",
"description": "**This is a work in progress** based off of [this demo](https://github.com/geelen/css-components-demo).",
"main": "lib/index.js",
"scripts": {
"build": "babel --out-dir lib src",
"build:watch": "npm run build -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "rm -rf lib/* && npm run build"
},
"repository": {
"type": "git",
"url": "git+https://github.com/css-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/css-components/styled-components/issues"
},
"homepage": "https://github.com/css-components/styled-components#readme",
"dependencies": {
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"lodash": "^4.15.0",
"react": "^15.3.2",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-core": "^6.13.2",
"babel-eslint": "^6.1.2",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-preset-es2015": "^6.13.2",
"babel-preset-es2016": "^6.11.3",
"babel-preset-react": "^6.11.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"flow-bin": "^0.32.0",
"mocha": "^3.0.2",
"proxyquire": "^1.7.10"
},
"babel": {
"presets": ["es2015", "es2016", "react"],
"plugins": ["add-module-exports", "transform-flow-strip-types"]
},
"gitHead": "ab3de608d01dd13b1c5e80791daa7ee4998a24e3",
"_id": "styled-components@0.1.3",
"_shasum": "a197194535d21d9647dd10bc5b1bd711b8a13509",
"_from": ".",
"_npmVersion": "3.10.3",
"_nodeVersion": "6.5.0",
"_npmUser": { "name": "geelen", "email": "hi@glenmaddern.com" },
"dist": {
"shasum": "a197194535d21d9647dd10bc5b1bd711b8a13509",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-0.1.3.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-0.1.3.tgz_1474704123782_0.03663981589488685"
},
"directories": {}
},
"0.1.4": {
"name": "styled-components",
"version": "0.1.4",
"description": "**This is a work in progress** based off of [this demo](https://github.com/geelen/css-components-demo).",
"main": "lib/index.js",
"scripts": {
"build": "babel --out-dir lib src",
"build:watch": "npm run build -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "rm -rf lib/* && npm run build"
},
"repository": {
"type": "git",
"url": "git+https://github.com/css-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/css-components/styled-components/issues"
},
"homepage": "https://github.com/css-components/styled-components#readme",
"dependencies": {
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"js-base64": "^2.1.9",
"lodash": "^4.15.0",
"react": "^15.3.2",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-core": "^6.13.2",
"babel-eslint": "^6.1.2",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-preset-es2015": "^6.13.2",
"babel-preset-es2016": "^6.11.3",
"babel-preset-react": "^6.11.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"flow-bin": "^0.32.0",
"mocha": "^3.0.2",
"proxyquire": "^1.7.10"
},
"babel": {
"presets": ["es2015", "es2016", "react"],
"plugins": ["add-module-exports", "transform-flow-strip-types"]
},
"gitHead": "07f29472e37ff50d9e1b2d62a104d6bf2508b02d",
"_id": "styled-components@0.1.4",
"_shasum": "18858926dab5b74a34ae7679e34eae970d80dadb",
"_from": ".",
"_npmVersion": "3.10.3",
"_nodeVersion": "6.5.0",
"_npmUser": { "name": "geelen", "email": "hi@glenmaddern.com" },
"dist": {
"shasum": "18858926dab5b74a34ae7679e34eae970d80dadb",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-0.1.4.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-0.1.4.tgz_1474704546026_0.6447704825550318"
},
"directories": {}
},
"0.1.5": {
"name": "styled-components",
"version": "0.1.5",
"description": "**This is a work in progress** based off of [this demo](https://github.com/geelen/css-components-demo).",
"main": "lib/index.js",
"scripts": {
"build": "babel --out-dir lib src",
"build:watch": "npm run build -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "rm -rf lib/* && npm run build"
},
"repository": {
"type": "git",
"url": "git+https://github.com/css-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/css-components/styled-components/issues"
},
"homepage": "https://github.com/css-components/styled-components#readme",
"dependencies": {
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"js-base64": "^2.1.9",
"lodash": "^4.15.0",
"react": "^15.3.2",
"source-map": "^0.5.6",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-core": "^6.13.2",
"babel-eslint": "^6.1.2",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-preset-es2015": "^6.13.2",
"babel-preset-es2016": "^6.11.3",
"babel-preset-react": "^6.11.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"flow-bin": "^0.32.0",
"mocha": "^3.0.2",
"proxyquire": "^1.7.10"
},
"babel": {
"presets": ["es2015", "es2016", "react"],
"plugins": ["add-module-exports", "transform-flow-strip-types"]
},
"gitHead": "df235eed6246134cdd49d646e3e6b3ac4217b0d1",
"_id": "styled-components@0.1.5",
"_shasum": "5fa705a83a239d6b1072f8cfe31bc870f6bd720f",
"_from": ".",
"_npmVersion": "3.10.3",
"_nodeVersion": "6.5.0",
"_npmUser": { "name": "geelen", "email": "hi@glenmaddern.com" },
"dist": {
"shasum": "5fa705a83a239d6b1072f8cfe31bc870f6bd720f",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-0.1.5.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-0.1.5.tgz_1474706463817_0.08706803969107568"
},
"directories": {}
},
"0.1.6": {
"name": "styled-components",
"version": "0.1.6",
"description": "**This is a work in progress** based off of [this demo](https://github.com/geelen/css-components-demo).",
"main": "lib/index.js",
"scripts": {
"build": "babel --out-dir lib src",
"build:watch": "npm run build -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "rm -rf lib/* && npm run build"
},
"repository": {
"type": "git",
"url": "git+https://github.com/css-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/css-components/styled-components/issues"
},
"homepage": "https://github.com/css-components/styled-components#readme",
"dependencies": {
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"js-base64": "^2.1.9",
"lodash": "^4.15.0",
"react": "^15.3.2",
"source-map": "^0.5.6",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-core": "^6.13.2",
"babel-eslint": "^6.1.2",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-preset-es2015": "^6.13.2",
"babel-preset-es2016": "^6.11.3",
"babel-preset-react": "^6.11.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"flow-bin": "^0.32.0",
"mocha": "^3.0.2",
"proxyquire": "^1.7.10"
},
"babel": {
"presets": ["es2015", "es2016", "react"],
"plugins": ["add-module-exports", "transform-flow-strip-types"]
},
"gitHead": "9f061727f05b6559a0d4a478188b954e250111d0",
"_id": "styled-components@0.1.6",
"_shasum": "b020124543ea03c3d5fa49ed6046326605105186",
"_from": ".",
"_npmVersion": "3.10.3",
"_nodeVersion": "6.5.0",
"_npmUser": { "name": "geelen", "email": "hi@glenmaddern.com" },
"dist": {
"shasum": "b020124543ea03c3d5fa49ed6046326605105186",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-0.1.6.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-0.1.6.tgz_1474780765492_0.2925941520370543"
},
"directories": {}
},
"0.1.7": {
"name": "styled-components",
"version": "0.1.7",
"description": "**This is a work in progress** based off of [this demo](https://github.com/geelen/css-components-demo).",
"main": "lib/index.js",
"scripts": {
"build": "babel --out-dir lib src",
"build:watch": "npm run build -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "rm -rf lib/* && npm run build"
},
"repository": {
"type": "git",
"url": "git+https://github.com/css-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/css-components/styled-components/issues"
},
"homepage": "https://github.com/css-components/styled-components#readme",
"dependencies": {
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"js-base64": "^2.1.9",
"lodash": "^4.15.0",
"react": "^15.3.2",
"source-map": "^0.5.6",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-core": "^6.13.2",
"babel-eslint": "^6.1.2",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-preset-es2015": "^6.13.2",
"babel-preset-es2016": "^6.11.3",
"babel-preset-react": "^6.11.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"flow-bin": "^0.32.0",
"mocha": "^3.0.2",
"proxyquire": "^1.7.10"
},
"babel": {
"presets": ["es2015", "es2016", "react"],
"plugins": ["add-module-exports", "transform-flow-strip-types"]
},
"gitHead": "6e9dfcfaed9d39ae2d87c75fd876eca6083fddec",
"_id": "styled-components@0.1.7",
"_shasum": "87d20f14933796f75fdd2700bd72ef8b54237a0f",
"_from": ".",
"_npmVersion": "3.10.3",
"_nodeVersion": "6.5.0",
"_npmUser": { "name": "geelen", "email": "hi@glenmaddern.com" },
"dist": {
"shasum": "87d20f14933796f75fdd2700bd72ef8b54237a0f",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-0.1.7.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-0.1.7.tgz_1474783847161_0.4319777626078576"
},
"directories": {}
},
"0.1.8": {
"name": "styled-components",
"version": "0.1.8",
"description": "**This is a work in progress** based off of [this demo](https://github.com/geelen/css-components-demo).",
"main": "lib/index.js",
"scripts": {
"build": "babel --out-dir lib src",
"build:watch": "npm run build -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "rm -rf lib/* && npm run build"
},
"repository": {
"type": "git",
"url": "git+https://github.com/css-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/css-components/styled-components/issues"
},
"homepage": "https://github.com/css-components/styled-components#readme",
"dependencies": {
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"js-base64": "^2.1.9",
"lodash": "^4.15.0",
"react": "^15.3.2",
"source-map": "^0.5.6",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-core": "^6.13.2",
"babel-eslint": "^6.1.2",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-preset-es2015": "^6.13.2",
"babel-preset-es2016": "^6.11.3",
"babel-preset-react": "^6.11.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"flow-bin": "^0.32.0",
"mocha": "^3.0.2",
"proxyquire": "^1.7.10"
},
"babel": {
"presets": ["es2015", "es2016", "react"],
"plugins": ["add-module-exports", "transform-flow-strip-types"]
},
"gitHead": "fa4d89b91a851459dd761e2ed2e5f8b979cbdcd7",
"_id": "styled-components@0.1.8",
"_shasum": "d9a8a17e28c145ecb09872f8475883c79006bba8",
"_from": ".",
"_npmVersion": "3.10.3",
"_nodeVersion": "6.5.0",
"_npmUser": { "name": "geelen", "email": "hi@glenmaddern.com" },
"dist": {
"shasum": "d9a8a17e28c145ecb09872f8475883c79006bba8",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-0.1.8.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-0.1.8.tgz_1474784325581_0.43810098874382675"
},
"directories": {}
},
"0.1.9": {
"name": "styled-components",
"version": "0.1.9",
"description": "**This is a work in progress** based off of [this demo](https://github.com/geelen/css-components-demo).",
"main": "lib/index.js",
"scripts": {
"build": "babel --out-dir lib src",
"build:watch": "npm run build -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "rm -rf lib/* && npm run build"
},
"repository": {
"type": "git",
"url": "git+https://github.com/css-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/css-components/styled-components/issues"
},
"homepage": "https://github.com/css-components/styled-components#readme",
"dependencies": {
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"js-base64": "^2.1.9",
"lodash": "^4.15.0",
"react": "^15.3.2",
"source-map": "^0.5.6",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-core": "^6.13.2",
"babel-eslint": "^6.1.2",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-preset-es2015": "^6.13.2",
"babel-preset-es2016": "^6.11.3",
"babel-preset-react": "^6.11.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"flow-bin": "^0.32.0",
"mocha": "^3.0.2",
"proxyquire": "^1.7.10"
},
"babel": {
"presets": ["es2015", "es2016", "react"],
"plugins": ["add-module-exports", "transform-flow-strip-types"]
},
"gitHead": "64cd02a0dda2129770f659b9e3912c326374bb47",
"_id": "styled-components@0.1.9",
"_shasum": "dc4569ff56f0fbde1808b574e6ca6f53347eb40a",
"_from": ".",
"_npmVersion": "3.10.3",
"_nodeVersion": "6.5.0",
"_npmUser": { "name": "geelen", "email": "hi@glenmaddern.com" },
"dist": {
"shasum": "dc4569ff56f0fbde1808b574e6ca6f53347eb40a",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-0.1.9.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-0.1.9.tgz_1474865270332_0.10467587085440755"
},
"directories": {}
},
"0.2.0": {
"name": "styled-components",
"version": "0.2.0",
"description": "**This is a work in progress** based off of [this demo](https://github.com/geelen/css-components-demo).",
"main": "lib/index.js",
"scripts": {
"build": "babel --out-dir lib src",
"build:watch": "npm run build -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "rm -rf lib/* && npm run build"
},
"repository": {
"type": "git",
"url": "git+https://github.com/css-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/css-components/styled-components/issues"
},
"homepage": "https://github.com/css-components/styled-components#readme",
"dependencies": {
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"js-base64": "^2.1.9",
"lodash": "^4.15.0",
"react": "^15.3.2",
"source-map": "^0.5.6",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-core": "^6.13.2",
"babel-eslint": "^6.1.2",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-preset-es2015": "^6.13.2",
"babel-preset-es2016": "^6.11.3",
"babel-preset-react": "^6.11.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"flow-bin": "^0.32.0",
"mocha": "^3.0.2",
"proxyquire": "^1.7.10"
},
"babel": {
"presets": ["es2015", "es2016", "react"],
"plugins": ["add-module-exports", "transform-flow-strip-types"]
},
"gitHead": "09a0ba4037a6957f9b1a74f7525950f37c122c14",
"_id": "styled-components@0.2.0",
"_shasum": "2d0743d038e7ed474b443ee2f9c7f68f7946ede7",
"_from": ".",
"_npmVersion": "3.10.3",
"_nodeVersion": "6.5.0",
"_npmUser": { "name": "geelen", "email": "hi@glenmaddern.com" },
"dist": {
"shasum": "2d0743d038e7ed474b443ee2f9c7f68f7946ede7",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-0.2.0.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-16-east.internal.npmjs.com",
"tmp": "tmp/styled-components-0.2.0.tgz_1474982400777_0.8562722685746849"
},
"directories": {}
},
"0.2.1": {
"name": "styled-components",
"version": "0.2.1",
"description": "**This is a work in progress** based off of [this demo](https://github.com/geelen/css-components-demo).",
"main": "lib/index.js",
"scripts": {
"build": "babel --out-dir lib src",
"build:watch": "npm run build -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "rm -rf lib/* && npm run build"
},
"repository": {
"type": "git",
"url": "git+https://github.com/css-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/css-components/styled-components/issues"
},
"homepage": "https://github.com/css-components/styled-components#readme",
"dependencies": {
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"js-base64": "^2.1.9",
"lodash": "^4.15.0",
"react": "^15.3.2",
"source-map": "^0.5.6",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-core": "^6.13.2",
"babel-eslint": "^6.1.2",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-preset-es2015": "^6.13.2",
"babel-preset-es2016": "^6.11.3",
"babel-preset-react": "^6.11.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"flow-bin": "^0.32.0",
"mocha": "^3.0.2",
"proxyquire": "^1.7.10"
},
"babel": {
"presets": ["es2015", "es2016", "react"],
"plugins": ["add-module-exports", "transform-flow-strip-types"]
},
"gitHead": "6ab53995e505e269360a2676c0b67b65f0fe5bb6",
"_id": "styled-components@0.2.1",
"_shasum": "da2af205fb46ae0818e79d132ba9f8e7202f0e96",
"_from": ".",
"_npmVersion": "3.10.3",
"_nodeVersion": "6.5.0",
"_npmUser": { "name": "geelen", "email": "hi@glenmaddern.com" },
"dist": {
"shasum": "da2af205fb46ae0818e79d132ba9f8e7202f0e96",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-0.2.1.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-16-east.internal.npmjs.com",
"tmp": "tmp/styled-components-0.2.1.tgz_1475102485035_0.7113396290224046"
},
"directories": {}
},
"0.2.2": {
"name": "styled-components",
"version": "0.2.2",
"description": "**This is a work in progress** based off of [this demo](https://github.com/geelen/css-components-demo).",
"main": "lib/index.js",
"scripts": {
"build": "babel --out-dir lib src",
"build:watch": "npm run build -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "rm -rf lib/* && npm run build"
},
"repository": {
"type": "git",
"url": "git+https://github.com/css-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/css-components/styled-components/issues"
},
"homepage": "https://github.com/css-components/styled-components#readme",
"dependencies": {
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"js-base64": "^2.1.9",
"lodash": "^4.15.0",
"react": "^15.3.2",
"source-map": "^0.5.6",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-core": "^6.13.2",
"babel-eslint": "^6.1.2",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-preset-es2015": "^6.13.2",
"babel-preset-es2016": "^6.11.3",
"babel-preset-react": "^6.11.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"flow-bin": "^0.32.0",
"mocha": "^3.0.2",
"proxyquire": "^1.7.10"
},
"babel": {
"presets": ["es2015", "es2016", "react"],
"plugins": ["add-module-exports", "transform-flow-strip-types"]
},
"gitHead": "e7edcf27ee678e9ee69e2552ca43aacf4dc127ad",
"_id": "styled-components@0.2.2",
"_shasum": "d9bbe2216acf18139467b347a1b37bfb4c12c6db",
"_from": ".",
"_npmVersion": "3.10.3",
"_nodeVersion": "6.5.0",
"_npmUser": { "name": "geelen", "email": "hi@glenmaddern.com" },
"dist": {
"shasum": "d9bbe2216acf18139467b347a1b37bfb4c12c6db",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-0.2.2.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-0.2.2.tgz_1475112913575_0.7282200048211962"
},
"directories": {}
},
"0.2.3": {
"name": "styled-components",
"version": "0.2.3",
"description": "**This is a work in progress** based off of [this demo](https://github.com/geelen/css-components-demo).",
"main": "lib/index.js",
"scripts": {
"build": "npm run build:lib && npm run build:umd && npm run build:umd:min",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"prebuild:umd": "rm -rf dist/*",
"build:umd": "webpack --config webpack.config.js src/index.js dist/styled-components.js",
"build:umd:min": "cross-env MINIFY_JS=true webpack --config webpack.config.js src/index.js dist/styled-components.min.js",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged"
},
"repository": {
"type": "git",
"url": "git+https://github.com/css-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/css-components/styled-components/issues"
},
"homepage": "https://github.com/css-components/styled-components#readme",
"dependencies": {
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"js-base64": "^2.1.9",
"lodash": "^4.15.0",
"react": "^15.3.2",
"source-map": "^0.5.6",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-eslint": "^6.1.2",
"babel-loader": "^6.2.5",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-preset-latest": "^6.14.0",
"babel-preset-react": "^6.11.1",
"cross-env": "^3.1.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"flow-bin": "^0.32.0",
"lint-staged": "^3.0.3",
"mocha": "^3.0.2",
"pre-commit": "^1.1.3",
"proxyquire": "^1.7.10",
"webpack": "^1.13.2"
},
"babel": {
"presets": ["latest", "react"],
"plugins": ["add-module-exports", "transform-flow-strip-types"]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "f9733a6cd60d4da28a9ce4aeab3b052f873cf7e7",
"_id": "styled-components@0.2.3",
"_shasum": "eabdf1861e5521c402a9eb5f17916cb3427a5217",
"_from": ".",
"_npmVersion": "3.8.6",
"_nodeVersion": "5.11.1",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "eabdf1861e5521c402a9eb5f17916cb3427a5217",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-0.2.3.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-0.2.3.tgz_1475740426446_0.9557585255242884"
},
"directories": {}
},
"0.2.4": {
"name": "styled-components",
"version": "0.2.4",
"description": "**This is a work in progress** based off of [this demo](https://github.com/geelen/css-components-demo).",
"main": "lib/index.js",
"scripts": {
"build": "npm run build:lib && npm run build:umd",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"prebuild:umd": "rm -rf dist/*",
"build:umd": "webpack --config webpack.config.babel.js",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged"
},
"repository": {
"type": "git",
"url": "git+https://github.com/css-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/css-components/styled-components/issues"
},
"homepage": "https://github.com/css-components/styled-components#readme",
"dependencies": {
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"js-base64": "^2.1.9",
"lodash": "^4.15.0",
"react": "^15.3.2",
"source-map": "^0.5.6",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-eslint": "^6.1.2",
"babel-loader": "^6.2.5",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-preset-latest": "^6.14.0",
"babel-preset-react": "^6.11.1",
"enzyme": "^2.4.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"flow-bin": "^0.32.0",
"lint-staged": "^3.0.3",
"mocha": "^3.0.2",
"pre-commit": "^1.1.3",
"proxyquire": "^1.7.10",
"react-addons-test-utils": "^15.3.2",
"react-dom": "^15.3.2",
"webpack": "^1.13.2"
},
"babel": {
"presets": ["latest", "react"],
"plugins": ["add-module-exports", "transform-flow-strip-types"]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "c6eac6e965e149936f66ec6ecd79a290ab13198b",
"_id": "styled-components@0.2.4",
"_shasum": "6b518391725559100b35a12469185990f23a8fd9",
"_from": ".",
"_npmVersion": "3.8.6",
"_nodeVersion": "5.11.1",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "6b518391725559100b35a12469185990f23a8fd9",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-0.2.4.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-0.2.4.tgz_1475830571816_0.021166356513276696"
},
"directories": {}
},
"0.2.5": {
"name": "styled-components",
"version": "0.2.5",
"description": "**This is a work in progress** based off of [this demo](https://github.com/geelen/css-components-demo).",
"main": "lib/index.js",
"scripts": {
"build": "npm run build:lib && npm run build:umd",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"prebuild:umd": "rm -rf dist/*",
"build:umd": "webpack --config webpack.config.babel.js",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged"
},
"repository": {
"type": "git",
"url": "git+https://github.com/css-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/css-components/styled-components/issues"
},
"homepage": "https://github.com/css-components/styled-components#readme",
"dependencies": {
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"js-base64": "^2.1.9",
"lodash": "^4.15.0",
"react": "^15.3.2",
"source-map": "^0.5.6",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-eslint": "^6.1.2",
"babel-loader": "^6.2.5",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-preset-latest": "^6.14.0",
"babel-preset-react": "^6.11.1",
"enzyme": "^2.4.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"flow-bin": "^0.32.0",
"lint-staged": "^3.0.3",
"mocha": "^3.0.2",
"pre-commit": "^1.1.3",
"proxyquire": "^1.7.10",
"react-addons-test-utils": "^15.3.2",
"react-dom": "^15.3.2",
"webpack": "^1.13.2"
},
"babel": {
"presets": ["latest", "react"],
"plugins": ["add-module-exports", "transform-flow-strip-types"]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "5104185aa7073065e3815572d34af36ce0cf9197",
"_id": "styled-components@0.2.5",
"_shasum": "d9e11b6c8a76a62d19aa8e79b79c1c5912df6308",
"_from": ".",
"_npmVersion": "3.9.3",
"_nodeVersion": "6.2.1",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "d9e11b6c8a76a62d19aa8e79b79c1c5912df6308",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-0.2.5.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-16-east.internal.npmjs.com",
"tmp": "tmp/styled-components-0.2.5.tgz_1476014844187_0.6822767094708979"
},
"directories": {}
},
"0.3.0": {
"name": "styled-components",
"version": "0.3.0",
"description": "**This is a work in progress** based off of [this demo](https://github.com/geelen/css-components-demo).",
"main": "lib/index.js",
"scripts": {
"build": "npm run build:lib && npm run build:umd",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"prebuild:umd": "rm -rf dist/*",
"build:umd": "webpack --config webpack.config.babel.js",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged"
},
"repository": {
"type": "git",
"url": "git+https://github.com/css-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/css-components/styled-components/issues"
},
"homepage": "https://github.com/css-components/styled-components#readme",
"dependencies": {
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"js-base64": "^2.1.9",
"lodash": "^4.15.0",
"react": "^15.3.2",
"source-map": "^0.5.6",
"supports-color": "^3.1.2",
"react-native": "^0.34.1"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-eslint": "^6.1.2",
"babel-loader": "^6.2.5",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-preset-latest": "^6.14.0",
"babel-preset-react": "^6.11.1",
"enzyme": "^2.4.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"flow-bin": "^0.32.0",
"lint-staged": "^3.0.3",
"mocha": "^3.0.2",
"pre-commit": "^1.1.3",
"proxyquire": "^1.7.10",
"react-addons-test-utils": "^15.3.2",
"react-dom": "^15.3.2",
"webpack": "^1.13.2"
},
"babel": {
"presets": ["latest", "react"],
"plugins": ["add-module-exports", "transform-flow-strip-types"]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"optionalDependencies": { "react-native": "^0.34.1" },
"gitHead": "bd2376d040cc6d189a38b8860b189f5084a920db",
"_id": "styled-components@0.3.0",
"_shasum": "25b17d3790a41291015a7154ccc4710d244cd7dd",
"_from": ".",
"_npmVersion": "3.10.3",
"_nodeVersion": "6.5.0",
"_npmUser": { "name": "geelen", "email": "hi@glenmaddern.com" },
"dist": {
"shasum": "25b17d3790a41291015a7154ccc4710d244cd7dd",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-0.3.0.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-16-east.internal.npmjs.com",
"tmp": "tmp/styled-components-0.3.0.tgz_1476068531295_0.47549962252378464"
},
"directories": {}
},
"0.3.1": {
"name": "styled-components",
"version": "0.3.1",
"description": "**This is a work in progress** based off of [this demo](https://github.com/geelen/css-components-demo).",
"main": "lib/index.js",
"scripts": {
"build": "npm run build:lib && npm run build:umd",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"prebuild:umd": "rm -rf dist/*",
"build:umd": "webpack --config webpack.config.babel.js",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged"
},
"repository": {
"type": "git",
"url": "git+https://github.com/css-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/css-components/styled-components/issues"
},
"homepage": "https://github.com/css-components/styled-components#readme",
"dependencies": {
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"js-base64": "^2.1.9",
"lodash": "^4.15.0",
"react": "^15.3.2",
"source-map": "^0.5.6",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-eslint": "^6.1.2",
"babel-loader": "^6.2.5",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-preset-latest": "^6.14.0",
"babel-preset-react": "^6.11.1",
"buffer": "^5.0.0",
"enzyme": "^2.4.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"flow-bin": "^0.32.0",
"lint-staged": "^3.0.3",
"mocha": "^3.0.2",
"pre-commit": "^1.1.3",
"proxyquire": "^1.7.10",
"react-addons-test-utils": "^15.3.2",
"react-dom": "^15.3.2",
"webpack": "^1.13.2"
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "c79bd2fc7b5426cf817d39fda8a2721badde7edf",
"_id": "styled-components@0.3.1",
"_shasum": "a5006a90bfd7ca03ff3f8aab5c1494f43eb3a553",
"_from": ".",
"_npmVersion": "3.10.3",
"_nodeVersion": "6.5.0",
"_npmUser": { "name": "geelen", "email": "hi@glenmaddern.com" },
"dist": {
"shasum": "a5006a90bfd7ca03ff3f8aab5c1494f43eb3a553",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-0.3.1.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-16-east.internal.npmjs.com",
"tmp": "tmp/styled-components-0.3.1.tgz_1476076565605_0.18778321100398898"
},
"directories": {}
},
"0.3.2": {
"name": "styled-components",
"version": "0.3.2",
"description": "**This is a work in progress** based off of [this demo](https://github.com/geelen/css-components-demo).",
"main": "lib/index.js",
"scripts": {
"build": "npm run build:lib && npm run build:umd",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"prebuild:umd": "rm -rf dist/*",
"build:umd": "webpack --config webpack.config.babel.js",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged"
},
"repository": {
"type": "git",
"url": "git+https://github.com/css-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/css-components/styled-components/issues"
},
"homepage": "https://github.com/css-components/styled-components#readme",
"dependencies": {
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"js-base64": "^2.1.9",
"lodash": "^4.15.0",
"react": "^15.3.2",
"source-map": "^0.5.6",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-eslint": "^6.1.2",
"babel-loader": "^6.2.5",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-preset-latest": "^6.14.0",
"babel-preset-react": "^6.11.1",
"buffer": "^5.0.0",
"enzyme": "^2.4.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"flow-bin": "^0.32.0",
"lint-staged": "^3.0.3",
"mocha": "^3.0.2",
"pre-commit": "^1.1.3",
"proxyquire": "^1.7.10",
"react-addons-test-utils": "^15.3.2",
"react-dom": "^15.3.2",
"webpack": "^1.13.2"
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "bb40e96b61a06f0ea2fbd7b6c77d88abe37766c6",
"_id": "styled-components@0.3.2",
"_shasum": "9eecdeef937e2960815671a981e04221279b29a3",
"_from": ".",
"_npmVersion": "3.10.3",
"_nodeVersion": "6.5.0",
"_npmUser": { "name": "geelen", "email": "hi@glenmaddern.com" },
"dist": {
"shasum": "9eecdeef937e2960815671a981e04221279b29a3",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-0.3.2.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-0.3.2.tgz_1476079096979_0.4315116691868752"
},
"directories": {}
},
"0.3.3": {
"name": "styled-components",
"version": "0.3.3",
"description": "**This is a work in progress** based off of [this demo](https://github.com/geelen/css-components-demo).",
"main": "lib/index.js",
"scripts": {
"build": "npm run build:lib && npm run build:umd",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"prebuild:umd": "rm -rf dist/*",
"build:umd": "webpack --config webpack.config.babel.js",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged"
},
"repository": {
"type": "git",
"url": "git+https://github.com/css-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/css-components/styled-components/issues"
},
"homepage": "https://github.com/css-components/styled-components#readme",
"dependencies": {
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"js-base64": "^2.1.9",
"lodash": "^4.15.0",
"react": "^15.3.2",
"source-map": "^0.5.6",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-eslint": "^6.1.2",
"babel-loader": "^6.2.5",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-preset-latest": "^6.14.0",
"babel-preset-react": "^6.11.1",
"buffer": "^5.0.0",
"enzyme": "^2.4.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-flowtype-errors": "^1.3.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"flow-bin": "^0.32.0",
"lint-staged": "^3.0.3",
"mocha": "^3.0.2",
"pre-commit": "^1.1.3",
"proxyquire": "^1.7.10",
"react-addons-test-utils": "^15.3.2",
"react-dom": "^15.3.2",
"webpack": "^1.13.2"
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "32d45c5df7097812dc012b19b76c55262cd7825d",
"_id": "styled-components@0.3.3",
"_shasum": "d7bd9440f1438e68e066ab4dfb9dbdccf1ea2ad3",
"_from": ".",
"_npmVersion": "3.10.3",
"_nodeVersion": "6.5.0",
"_npmUser": { "name": "geelen", "email": "hi@glenmaddern.com" },
"dist": {
"shasum": "d7bd9440f1438e68e066ab4dfb9dbdccf1ea2ad3",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-0.3.3.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-0.3.3.tgz_1476081641080_0.521118079777807"
},
"directories": {}
},
"0.3.4": {
"name": "styled-components",
"version": "0.3.4",
"description": "**This is a work in progress** based off of [this demo](https://github.com/geelen/css-components-demo).",
"main": "lib/index.js",
"scripts": {
"build": "npm run build:lib && npm run build:umd",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"prebuild:umd": "rm -rf dist/*",
"build:umd": "webpack --config webpack.config.babel.js",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged"
},
"repository": {
"type": "git",
"url": "git+https://github.com/css-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/css-components/styled-components/issues"
},
"homepage": "https://github.com/css-components/styled-components#readme",
"dependencies": {
"buffer": "^5.0.0",
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"js-base64": "^2.1.9",
"lodash": "^4.15.0",
"react": "^15.3.2",
"source-map": "^0.5.6",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-eslint": "^6.1.2",
"babel-loader": "^6.2.5",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-preset-latest": "^6.14.0",
"babel-preset-react": "^6.11.1",
"enzyme": "^2.4.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-flowtype-errors": "^1.3.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"flow-bin": "^0.32.0",
"lint-staged": "^3.0.3",
"mocha": "^3.0.2",
"pre-commit": "^1.1.3",
"proxyquire": "^1.7.10",
"react-addons-test-utils": "^15.3.2",
"react-dom": "^15.3.2",
"webpack": "^1.13.2"
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "2248f7e0f24a78c60500b03765c4a6097f8e179f",
"_id": "styled-components@0.3.4",
"_shasum": "8fe5f1e4dccbf353abb87b3041e08b6cca319905",
"_from": ".",
"_npmVersion": "3.10.3",
"_nodeVersion": "6.5.0",
"_npmUser": { "name": "geelen", "email": "hi@glenmaddern.com" },
"dist": {
"shasum": "8fe5f1e4dccbf353abb87b3041e08b6cca319905",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-0.3.4.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-16-east.internal.npmjs.com",
"tmp": "tmp/styled-components-0.3.4.tgz_1476083691257_0.6453787044156343"
},
"directories": {}
},
"0.4.0": {
"name": "styled-components",
"version": "0.4.0",
"description": "**This is a work in progress** based off of [this demo](https://github.com/geelen/css-components-demo).",
"main": "lib/index.js",
"scripts": {
"build": "npm run build:lib && npm run build:umd",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"prebuild:umd": "rm -rf dist/*",
"build:umd": "webpack --config webpack.config.babel.js",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged"
},
"repository": {
"type": "git",
"url": "git+https://github.com/css-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/css-components/styled-components/issues"
},
"homepage": "https://github.com/css-components/styled-components#readme",
"dependencies": {
"buffer": "^5.0.0",
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"js-base64": "^2.1.9",
"lodash": "^4.15.0",
"react": "^15.3.2",
"source-map": "^0.5.6",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-eslint": "^6.1.2",
"babel-loader": "^6.2.5",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-preset-latest": "^6.14.0",
"babel-preset-react": "^6.11.1",
"enzyme": "^2.4.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-flowtype-errors": "^1.3.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"flow-bin": "^0.32.0",
"lint-staged": "^3.0.3",
"mocha": "^3.0.2",
"pre-commit": "^1.1.3",
"proxyquire": "^1.7.10",
"react-addons-test-utils": "^15.3.2",
"react-dom": "^15.3.2",
"webpack": "^1.13.2"
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "a0f94cdf268b666d72b042722a0cadeddb7d51a2",
"_id": "styled-components@0.4.0",
"_shasum": "6d03d49fc6f0f8bbbb67c4bce51569f42926f376",
"_from": ".",
"_npmVersion": "3.10.3",
"_nodeVersion": "6.5.0",
"_npmUser": { "name": "geelen", "email": "hi@glenmaddern.com" },
"dist": {
"shasum": "6d03d49fc6f0f8bbbb67c4bce51569f42926f376",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-0.4.0.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-0.4.0.tgz_1476283889407_0.8232824942097068"
},
"directories": {}
},
"0.4.1": {
"name": "styled-components",
"version": "0.4.1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"scripts": {
"build": "npm run build:lib && npm run build:umd",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"prebuild:umd": "rm -rf dist/*",
"build:umd": "webpack --config webpack.config.babel.js",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.0",
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"js-base64": "^2.1.9",
"lodash": "^4.15.0",
"react": "^15.3.2",
"source-map": "^0.5.6",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-core": "^6.17.0",
"babel-eslint": "^6.1.2",
"babel-loader": "^6.2.5",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-preset-latest": "^6.14.0",
"babel-preset-react": "^6.11.1",
"chokidar": "^1.6.0",
"enzyme": "^2.4.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-flowtype-errors": "^1.3.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"flow-bin": "^0.32.0",
"lint-staged": "^3.0.3",
"mocha": "^3.0.2",
"pre-commit": "^1.1.3",
"react-addons-test-utils": "^15.3.2",
"react-dom": "^15.3.2",
"webpack": "^1.13.2"
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "d9ea74b129ecfa961b632721e12b9e123e188a9b",
"_id": "styled-components@0.4.1",
"_shasum": "5dc289840668edb1a152155aed2c6ea9cc58078c",
"_from": ".",
"_npmVersion": "3.10.3",
"_nodeVersion": "6.5.0",
"_npmUser": { "name": "geelen", "email": "hi@glenmaddern.com" },
"dist": {
"shasum": "5dc289840668edb1a152155aed2c6ea9cc58078c",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-0.4.1.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-16-east.internal.npmjs.com",
"tmp": "tmp/styled-components-0.4.1.tgz_1476337881330_0.16851842147298157"
},
"directories": {}
},
"0.4.2": {
"name": "styled-components",
"version": "0.4.2",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"scripts": {
"build": "npm run build:lib && npm run build:umd",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"prebuild:umd": "rm -rf dist/*",
"build:umd": "webpack --config webpack.config.babel.js",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.0",
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"js-base64": "^2.1.9",
"lodash": "^4.15.0",
"react": "^15.3.2",
"source-map": "^0.5.6",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-core": "^6.17.0",
"babel-eslint": "^6.1.2",
"babel-loader": "^6.2.5",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-preset-latest": "^6.14.0",
"babel-preset-react": "^6.11.1",
"chokidar": "^1.6.0",
"enzyme": "^2.4.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-flowtype-errors": "^1.3.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"flow-bin": "^0.32.0",
"lint-staged": "^3.0.3",
"mocha": "^3.0.2",
"pre-commit": "^1.1.3",
"react-addons-test-utils": "^15.3.2",
"react-dom": "^15.3.2",
"webpack": "^1.13.2"
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "4abbf41d2b441b7492703656e97415c3c51d1dcd",
"_id": "styled-components@0.4.2",
"_shasum": "9aedf099a37d61d1c126f5f407aba4b476c9bb5d",
"_from": ".",
"_npmVersion": "3.10.3",
"_nodeVersion": "6.5.0",
"_npmUser": { "name": "geelen", "email": "hi@glenmaddern.com" },
"dist": {
"shasum": "9aedf099a37d61d1c126f5f407aba4b476c9bb5d",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-0.4.2.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-0.4.2.tgz_1476342546016_0.17685153451748192"
},
"directories": {}
},
"1.0.0": {
"name": "styled-components",
"version": "1.0.0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"scripts": {
"build": "npm run build:lib && npm run build:umd",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"prebuild:umd": "rm -rf dist/*",
"build:umd": "webpack --config webpack.config.babel.js",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.0",
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"js-base64": "^2.1.9",
"lodash": "^4.15.0",
"react": "^15.3.2",
"source-map": "^0.5.6",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-core": "^6.17.0",
"babel-eslint": "^6.1.2",
"babel-loader": "^6.2.5",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-preset-latest": "^6.14.0",
"babel-preset-react": "^6.11.1",
"chokidar": "^1.6.0",
"enzyme": "^2.4.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-flowtype-errors": "^1.3.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"flow-bin": "^0.32.0",
"lint-staged": "^3.0.3",
"mocha": "^3.0.2",
"pre-commit": "^1.1.3",
"react-addons-test-utils": "^15.3.2",
"react-dom": "^15.3.2",
"webpack": "^1.13.2"
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "bc52b0c8324b7dad08992faf5d339d6f4e613198",
"_id": "styled-components@1.0.0",
"_shasum": "32d9364c97238932911c0238da26f0599bbe6ecd",
"_from": ".",
"_npmVersion": "3.10.3",
"_nodeVersion": "6.5.0",
"_npmUser": { "name": "geelen", "email": "hi@glenmaddern.com" },
"dist": {
"shasum": "32d9364c97238932911c0238da26f0599bbe6ecd",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-1.0.0.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-16-east.internal.npmjs.com",
"tmp": "tmp/styled-components-1.0.0.tgz_1476344182697_0.24210711778141558"
},
"directories": {}
},
"1.0.2": {
"name": "styled-components",
"version": "1.0.2",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"scripts": {
"build": "npm run build:lib && npm run build:umd",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"prebuild:umd": "rm -rf dist/*",
"build:umd": "webpack --config webpack.config.babel.js",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.0",
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"lodash": "^4.15.0",
"react": "^15.3.2",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-core": "^6.17.0",
"babel-eslint": "^6.1.2",
"babel-loader": "^6.2.5",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-preset-latest": "^6.14.0",
"babel-preset-react": "^6.11.1",
"chokidar": "^1.6.0",
"enzyme": "^2.4.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-flowtype-errors": "^1.3.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"flow-bin": "^0.32.0",
"lint-staged": "^3.0.3",
"mocha": "^3.0.2",
"pre-commit": "^1.1.3",
"react-addons-test-utils": "^15.3.2",
"react-dom": "^15.3.2",
"webpack": "^1.13.2"
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "56192d2ad2d515aa01b15ebb2e1dca2624960c4c",
"_id": "styled-components@1.0.2",
"_shasum": "7f711cb8d05f920aececf6be0c08847f8fecbef9",
"_from": ".",
"_npmVersion": "3.9.3",
"_nodeVersion": "6.2.1",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "7f711cb8d05f920aececf6be0c08847f8fecbef9",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-1.0.2.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-16-east.internal.npmjs.com",
"tmp": "tmp/styled-components-1.0.2.tgz_1476431229928_0.3011251105926931"
},
"directories": {}
},
"1.0.3": {
"name": "styled-components",
"version": "1.0.3",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"scripts": {
"build": "npm run build:lib && npm run build:umd",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"prebuild:umd": "rm -rf dist/*",
"build:umd": "webpack --config webpack.config.babel.js",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.0",
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"lodash": "^4.15.0",
"react": "^15.3.2",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-core": "^6.17.0",
"babel-eslint": "^6.1.2",
"babel-loader": "^6.2.5",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-preset-latest": "^6.14.0",
"babel-preset-react": "^6.11.1",
"chokidar": "^1.6.0",
"enzyme": "^2.4.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-flowtype-errors": "^1.3.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"flow-bin": "^0.32.0",
"lint-staged": "^3.0.3",
"mocha": "^3.0.2",
"pre-commit": "^1.1.3",
"react-addons-test-utils": "^15.3.2",
"react-dom": "^15.3.2",
"webpack": "^1.13.2"
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "b68837ef31cddadb9808be91588c54d9e8b1b2a1",
"_id": "styled-components@1.0.3",
"_shasum": "c4419eac19150c1abd0d0dd84edc2f2603985e07",
"_from": ".",
"_npmVersion": "3.9.3",
"_nodeVersion": "6.2.1",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "c4419eac19150c1abd0d0dd84edc2f2603985e07",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-1.0.3.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-1.0.3.tgz_1476431502967_0.09274064423516393"
},
"directories": {}
},
"1.0.4": {
"name": "styled-components",
"version": "1.0.4",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"scripts": {
"build": "npm run build:lib && npm run build:umd",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"prebuild:umd": "rm -rf dist/*",
"build:umd": "webpack --config webpack.config.babel.js",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.0",
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"lodash": "^4.15.0",
"react": "^15.3.2",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-core": "^6.17.0",
"babel-eslint": "^6.1.2",
"babel-loader": "^6.2.5",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-preset-latest": "^6.14.0",
"babel-preset-react": "^6.11.1",
"chokidar": "^1.6.0",
"enzyme": "^2.4.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-flowtype-errors": "^1.3.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"flow-bin": "^0.32.0",
"lint-staged": "^3.0.3",
"mocha": "^3.0.2",
"pre-commit": "^1.1.3",
"react-addons-test-utils": "^15.3.2",
"react-dom": "^15.3.2",
"webpack": "^1.13.2"
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "4bece7eb82627d127ac26376dc73fcfcbc7a5528",
"_id": "styled-components@1.0.4",
"_shasum": "1b2b0e588db460499aab07dc7fa5ecf4ba29e369",
"_from": ".",
"_npmVersion": "3.9.3",
"_nodeVersion": "6.2.1",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "1b2b0e588db460499aab07dc7fa5ecf4ba29e369",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-1.0.4.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-16-east.internal.npmjs.com",
"tmp": "tmp/styled-components-1.0.4.tgz_1476523345913_0.3673016501124948"
},
"directories": {}
},
"1.0.5": {
"name": "styled-components",
"version": "1.0.5",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"scripts": {
"build": "npm run build:lib && npm run build:umd",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"prebuild:umd": "rm -rf dist/*",
"build:umd": "webpack --config webpack.config.babel.js",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.0",
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"lodash": "^4.15.0",
"react": "^15.3.2",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-core": "^6.17.0",
"babel-eslint": "^6.1.2",
"babel-loader": "^6.2.5",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-preset-latest": "^6.14.0",
"babel-preset-react": "^6.11.1",
"chokidar": "^1.6.0",
"enzyme": "^2.4.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-flowtype-errors": "^1.3.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"flow-bin": "^0.32.0",
"lint-staged": "^3.0.3",
"mocha": "^3.0.2",
"pre-commit": "^1.1.3",
"react-addons-test-utils": "^15.3.2",
"react-dom": "^15.3.2",
"webpack": "^1.13.2"
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "96d6bd547a8a9cd83b215736b1470a3bb0af4d22",
"_id": "styled-components@1.0.5",
"_shasum": "bf1fd84b8fae9f646bd1a221ea582a8ad7bd2690",
"_from": ".",
"_npmVersion": "3.9.3",
"_nodeVersion": "6.2.1",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "bf1fd84b8fae9f646bd1a221ea582a8ad7bd2690",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-1.0.5.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-16-east.internal.npmjs.com",
"tmp": "tmp/styled-components-1.0.5.tgz_1476535782682_0.598904593847692"
},
"directories": {}
},
"1.0.6": {
"name": "styled-components",
"version": "1.0.6",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"prebuild:umd": "rm -rf dist/*",
"prebuild:dist": "rm -rf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.0",
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"lodash": "^4.15.0",
"react": "^15.3.2",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-core": "^6.17.0",
"babel-eslint": "^6.1.2",
"babel-loader": "^6.2.5",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.8.0",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-preset-latest": "^6.14.0",
"babel-preset-react": "^6.11.1",
"chokidar": "^1.6.0",
"enzyme": "^2.4.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-flowtype-errors": "^1.3.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"flow-bin": "^0.32.0",
"lint-staged": "^3.0.3",
"mocha": "^3.0.2",
"pre-commit": "^1.1.3",
"react-addons-test-utils": "^15.3.2",
"react-dom": "^15.3.2",
"rollup": "^0.36.3",
"rollup-plugin-babel": "^2.6.1",
"rollup-plugin-commonjs": "^5.0.5",
"rollup-plugin-flow": "^1.0.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.0.2",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1"
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "805b46c7eaf1b15f3b3ef3b15a93b3b67b296d9d",
"_id": "styled-components@1.0.6",
"_shasum": "0edb05403937635e5be902ddb8dfb25275540443",
"_from": ".",
"_npmVersion": "3.9.3",
"_nodeVersion": "6.2.1",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "0edb05403937635e5be902ddb8dfb25275540443",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-1.0.6.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-16-east.internal.npmjs.com",
"tmp": "tmp/styled-components-1.0.6.tgz_1476603583124_0.9481935477815568"
},
"directories": {}
},
"1.0.7": {
"name": "styled-components",
"version": "1.0.7",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"prebuild:umd": "rm -rf dist/*",
"prebuild:dist": "rm -rf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.0",
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"lodash": "^4.15.0",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-core": "^6.17.0",
"babel-eslint": "^6.1.2",
"babel-loader": "^6.2.5",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.8.0",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-preset-latest": "^6.14.0",
"babel-preset-react": "^6.11.1",
"chokidar": "^1.6.0",
"enzyme": "^2.4.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-flowtype-errors": "^1.3.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"flow-bin": "^0.32.0",
"lint-staged": "^3.0.3",
"mocha": "^3.0.2",
"pre-commit": "^1.1.3",
"react": "^15.3.2",
"react-addons-test-utils": "^15.3.2",
"react-dom": "^15.3.2",
"rollup": "^0.36.3",
"rollup-plugin-babel": "^2.6.1",
"rollup-plugin-commonjs": "^5.0.5",
"rollup-plugin-flow": "^1.0.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.0.2",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "80dd679a2154d784b0d98d8a97bf69fc2ca0bb1f",
"_id": "styled-components@1.0.7",
"_shasum": "213416cd84e2aea44734ffba77b349323186e4e5",
"_from": ".",
"_npmVersion": "3.9.3",
"_nodeVersion": "6.2.1",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "213416cd84e2aea44734ffba77b349323186e4e5",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-1.0.7.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-1.0.7.tgz_1476787190080_0.35350903682410717"
},
"directories": {}
},
"1.0.8": {
"name": "styled-components",
"version": "1.0.8",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"prebuild:umd": "rm -rf dist/*",
"prebuild:dist": "rm -rf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.0",
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"lodash": "^4.15.0",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-core": "^6.17.0",
"babel-eslint": "^6.1.2",
"babel-loader": "^6.2.5",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.8.0",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-preset-latest": "^6.14.0",
"babel-preset-react": "^6.11.1",
"chokidar": "^1.6.0",
"enzyme": "^2.4.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-flowtype-errors": "^1.3.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"flow-bin": "^0.32.0",
"lint-staged": "^3.0.3",
"mocha": "^3.0.2",
"pre-commit": "^1.1.3",
"react": "^15.3.2",
"react-addons-test-utils": "^15.3.2",
"react-dom": "^15.3.2",
"rollup": "^0.36.3",
"rollup-plugin-babel": "^2.6.1",
"rollup-plugin-commonjs": "^5.0.5",
"rollup-plugin-flow": "^1.0.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.0.2",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "f1824dcd52fad3cd9158f0e65e8e771235bf3732",
"_id": "styled-components@1.0.8",
"_shasum": "e98a8153d2bea2b71b146a332713cef803533b84",
"_from": ".",
"_npmVersion": "3.9.3",
"_nodeVersion": "6.2.1",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "e98a8153d2bea2b71b146a332713cef803533b84",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-1.0.8.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-16-east.internal.npmjs.com",
"tmp": "tmp/styled-components-1.0.8.tgz_1476810124476_0.9661148393061012"
},
"directories": {}
},
"1.0.9": {
"name": "styled-components",
"version": "1.0.9",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"prebuild:umd": "rm -rf dist/*",
"prebuild:dist": "rm -rf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "node example/devServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.0",
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"lodash": "^4.15.0",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-core": "^6.17.0",
"babel-eslint": "^6.1.2",
"babel-loader": "^6.2.5",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.8.0",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-preset-latest": "^6.14.0",
"babel-preset-react": "^6.11.1",
"chokidar": "^1.6.0",
"enzyme": "^2.4.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-flowtype-errors": "^1.3.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"express": "^4.14.0",
"flow-bin": "^0.32.0",
"jsdom": "^9.8.0",
"lint-staged": "^3.0.3",
"mocha": "^3.0.2",
"mocha-jsdom": "^1.1.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.1.3",
"react": "^15.3.2",
"react-addons-test-utils": "^15.3.2",
"react-dom": "^15.3.2",
"rollup": "^0.36.3",
"rollup-plugin-babel": "^2.6.1",
"rollup-plugin-commonjs": "^5.0.5",
"rollup-plugin-flow": "^1.0.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.0.2",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "3f85ff10e8822cc24a2dc9f139ed7ff23e38d06e",
"_id": "styled-components@1.0.9",
"_shasum": "847aa04997d0ed023ad4852280ac1e63a9aac957",
"_from": ".",
"_npmVersion": "3.9.3",
"_nodeVersion": "6.2.1",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "847aa04997d0ed023ad4852280ac1e63a9aac957",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-1.0.9.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-18-east.internal.npmjs.com",
"tmp": "tmp/styled-components-1.0.9.tgz_1477466563744_0.27392201661132276"
},
"directories": {}
},
"1.0.10": {
"name": "styled-components",
"version": "1.0.10",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"prebuild:umd": "rm -rf dist/*",
"prebuild:dist": "rm -rf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "node example/devServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.0",
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"lodash": "^4.15.0",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-core": "^6.17.0",
"babel-eslint": "^6.1.2",
"babel-loader": "^6.2.5",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.8.0",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-preset-latest": "^6.14.0",
"babel-preset-react": "^6.11.1",
"chokidar": "^1.6.0",
"enzyme": "^2.4.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-flowtype-errors": "^1.3.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"express": "^4.14.0",
"flow-bin": "^0.32.0",
"jsdom": "^9.8.0",
"lint-staged": "^3.0.3",
"mocha": "^3.0.2",
"mocha-jsdom": "^1.1.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.1.3",
"react": "^15.3.2",
"react-addons-test-utils": "^15.3.2",
"react-dom": "^15.3.2",
"rollup": "^0.36.3",
"rollup-plugin-babel": "^2.6.1",
"rollup-plugin-commonjs": "^5.0.5",
"rollup-plugin-flow": "^1.0.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.0.2",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "25f1d9bde7447f91d7f2dcd37f82fd563c02794c",
"_id": "styled-components@1.0.10",
"_shasum": "ab577f4a5002c4a86d6d4ea6bc79067b23ce969e",
"_from": ".",
"_npmVersion": "3.9.3",
"_nodeVersion": "6.2.1",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "ab577f4a5002c4a86d6d4ea6bc79067b23ce969e",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-1.0.10.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-1.0.10.tgz_1477667608706_0.9695710479281843"
},
"directories": {}
},
"1.0.11": {
"name": "styled-components",
"version": "1.0.11",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"prebuild:umd": "rm -rf dist/*",
"prebuild:dist": "rm -rf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "node example/devServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.0",
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"lodash": "^4.15.0",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-core": "^6.17.0",
"babel-eslint": "^6.1.2",
"babel-loader": "^6.2.5",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.8.0",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-preset-latest": "^6.14.0",
"babel-preset-react": "^6.11.1",
"chokidar": "^1.6.0",
"enzyme": "^2.4.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-flowtype-errors": "^1.3.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"express": "^4.14.0",
"flow-bin": "^0.34.0",
"jsdom": "^9.8.0",
"lint-staged": "^3.0.3",
"mocha": "^3.0.2",
"mocha-jsdom": "^1.1.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.1.3",
"react": "^15.3.2",
"react-addons-test-utils": "^15.3.2",
"react-dom": "^15.3.2",
"rollup": "^0.36.3",
"rollup-plugin-babel": "^2.6.1",
"rollup-plugin-commonjs": "^5.0.5",
"rollup-plugin-flow": "^1.0.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.0.2",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "76025436dca91092b9a25186979607a247d12674",
"_id": "styled-components@1.0.11",
"_shasum": "05dec17ed913184fb6b52dc928ac30bca636cdfe",
"_from": ".",
"_npmVersion": "3.9.3",
"_nodeVersion": "6.2.1",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "05dec17ed913184fb6b52dc928ac30bca636cdfe",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-1.0.11.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-1.0.11.tgz_1479149172416_0.16577108995988965"
},
"directories": {}
},
"1.0.12-0": {
"name": "styled-components",
"version": "1.0.12-0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"prebuild:umd": "rm -rf dist/*",
"prebuild:dist": "rm -rf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "node example/devServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.0",
"css-to-react-native": "^1.0.0",
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"inline-style-prefixer": "^2.0.4",
"lodash": "^4.15.0",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-core": "^6.17.0",
"babel-eslint": "^6.1.2",
"babel-loader": "^6.2.5",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.8.0",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-plugin-transform-object-rest-spread": "^6.16.0",
"babel-preset-latest": "^6.14.0",
"babel-preset-react": "^6.11.1",
"chokidar": "^1.6.0",
"enzyme": "^2.4.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-flowtype-errors": "^1.3.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"express": "^4.14.0",
"flow-bin": "^0.34.0",
"jsdom": "^9.8.0",
"lint-staged": "^3.0.3",
"mocha": "^3.0.2",
"mocha-jsdom": "^1.1.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.1.3",
"react": "^15.3.2",
"react-addons-test-utils": "^15.3.2",
"react-dom": "^15.3.2",
"rollup": "^0.36.3",
"rollup-plugin-babel": "^2.6.1",
"rollup-plugin-commonjs": "^5.0.5",
"rollup-plugin-flow": "^1.0.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.0.2",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "4f1081bc1f183f049df02dad5666b16e3699a9d5",
"_id": "styled-components@1.0.12-0",
"_shasum": "e72cf1a1a81d4e5e73933c9c964cb156193c7d3c",
"_from": ".",
"_npmVersion": "4.0.2",
"_nodeVersion": "6.2.1",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "e72cf1a1a81d4e5e73933c9c964cb156193c7d3c",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-1.0.12-0.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-1.0.12-0.tgz_1479627779076_0.3434836503583938"
},
"directories": {}
},
"1.1.0": {
"name": "styled-components",
"version": "1.1.0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist && npm run build:flow",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"build:flow": "flow-copy-source -v -i '{**/test/*.js,**/*.test.js}' src lib",
"prebuild:umd": "rm -rf dist/*",
"prebuild:dist": "rm -rf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "node example/devServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.0",
"css-to-react-native": "^1.0.0",
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"inline-style-prefixer": "^2.0.4",
"lodash": "^4.15.0",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-core": "^6.17.0",
"babel-eslint": "^6.1.2",
"babel-loader": "^6.2.5",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.8.0",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-plugin-transform-object-rest-spread": "^6.16.0",
"babel-preset-latest": "^6.14.0",
"babel-preset-react": "^6.11.1",
"chokidar": "^1.6.0",
"enzyme": "^2.4.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-flowtype-errors": "^1.3.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"express": "^4.14.0",
"flow-bin": "^0.34.0",
"flow-copy-source": "^1.1.0",
"jsdom": "^9.8.0",
"lint-staged": "^3.0.3",
"mocha": "^3.0.2",
"mocha-jsdom": "^1.1.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.1.3",
"react": "^15.3.2",
"react-addons-test-utils": "^15.3.2",
"react-dom": "^15.3.2",
"rollup": "^0.36.3",
"rollup-plugin-babel": "^2.6.1",
"rollup-plugin-commonjs": "^5.0.5",
"rollup-plugin-flow": "^1.0.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.0.2",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "da559877dddeab3f0c6288ccdabe8a8112700d20",
"_id": "styled-components@1.1.0",
"_shasum": "d63b7bd847b5a995302ddbf3a88a6226f16aa81b",
"_from": ".",
"_npmVersion": "4.0.2",
"_nodeVersion": "6.2.1",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "d63b7bd847b5a995302ddbf3a88a6226f16aa81b",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-1.1.0.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-18-east.internal.npmjs.com",
"tmp": "tmp/styled-components-1.1.0.tgz_1479722082174_0.00602952460758388"
},
"directories": {}
},
"1.1.1": {
"name": "styled-components",
"version": "1.1.1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist && npm run build:flow",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"build:flow": "flow-copy-source -v -i '{**/test/*.js,**/*.test.js}' src lib",
"prebuild:umd": "rm -rf dist/*",
"prebuild:dist": "rm -rf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "node example/devServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.0",
"css-to-react-native": "^1.0.3",
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"inline-style-prefixer": "^2.0.4",
"lodash": "^4.15.0",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-core": "^6.17.0",
"babel-eslint": "^6.1.2",
"babel-loader": "^6.2.5",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.8.0",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-plugin-transform-object-rest-spread": "^6.16.0",
"babel-preset-latest": "^6.14.0",
"babel-preset-react": "^6.11.1",
"chokidar": "^1.6.0",
"enzyme": "^2.4.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-flowtype-errors": "^1.3.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"express": "^4.14.0",
"flow-bin": "^0.34.0",
"flow-copy-source": "^1.1.0",
"jsdom": "^9.8.0",
"lint-staged": "^3.0.3",
"mocha": "^3.0.2",
"mocha-jsdom": "^1.1.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.1.3",
"react": "^15.3.2",
"react-addons-test-utils": "^15.3.2",
"react-dom": "^15.3.2",
"rollup": "^0.36.3",
"rollup-plugin-babel": "^2.6.1",
"rollup-plugin-commonjs": "^5.0.5",
"rollup-plugin-flow": "^1.0.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.0.2",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "07fcb7b08dd229c4d27b5525059dfdc025c41441",
"_id": "styled-components@1.1.1",
"_shasum": "14fa0f4d34fec62e22edceaef3e291f108607d40",
"_from": ".",
"_npmVersion": "4.0.2",
"_nodeVersion": "6.2.1",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "14fa0f4d34fec62e22edceaef3e291f108607d40",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-1.1.1.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-18-east.internal.npmjs.com",
"tmp": "tmp/styled-components-1.1.1.tgz_1479746299655_0.6811147788539529"
},
"directories": {}
},
"1.1.2-0": {
"name": "styled-components",
"version": "1.1.2-0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist && npm run build:flow",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"build:flow": "flow-copy-source -v -i '{**/test/*.js,**/*.test.js}' src lib",
"prebuild:umd": "rm -rf dist/*",
"prebuild:dist": "rm -rf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "node example/devServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.0",
"css-to-react-native": "^1.0.3",
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"inline-style-prefixer": "^2.0.4",
"lodash": "^4.15.0",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-core": "^6.17.0",
"babel-eslint": "^6.1.2",
"babel-loader": "^6.2.5",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.8.0",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-plugin-transform-object-rest-spread": "^6.16.0",
"babel-preset-latest": "^6.14.0",
"babel-preset-react": "^6.11.1",
"chokidar": "^1.6.0",
"enzyme": "^2.4.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-flowtype-errors": "^1.3.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"express": "^4.14.0",
"flow-bin": "^0.34.0",
"flow-copy-source": "^1.1.0",
"jsdom": "^9.8.0",
"lint-staged": "^3.0.3",
"mocha": "^3.0.2",
"mocha-jsdom": "^1.1.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.1.3",
"react": "^15.3.2",
"react-addons-test-utils": "^15.3.2",
"react-dom": "^15.3.2",
"rollup": "^0.36.3",
"rollup-plugin-babel": "^2.6.1",
"rollup-plugin-commonjs": "^5.0.5",
"rollup-plugin-flow": "^1.0.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.0.2",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "5d1d5432ff1919ec7b2ffaa82b4ef2fa53bccdea",
"_id": "styled-components@1.1.2-0",
"_shasum": "29aa517e4f4b6aee5ecbbf0f49f5b25f0c59547f",
"_from": ".",
"_npmVersion": "4.0.2",
"_nodeVersion": "6.2.1",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "29aa517e4f4b6aee5ecbbf0f49f5b25f0c59547f",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-1.1.2-0.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-1.1.2-0.tgz_1479811604050_0.19729344733059406"
},
"directories": {}
},
"1.1.2": {
"name": "styled-components",
"version": "1.1.2",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist && npm run build:flow",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"build:flow": "flow-copy-source -v -i '{**/test/*.js,**/*.test.js}' src lib",
"prebuild:umd": "rm -rf dist/*",
"prebuild:dist": "rm -rf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "node example/devServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.0",
"css-to-react-native": "^1.0.3",
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"inline-style-prefixer": "^2.0.4",
"lodash": "^4.15.0",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-core": "^6.17.0",
"babel-eslint": "^6.1.2",
"babel-loader": "^6.2.5",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.8.0",
"babel-plugin-flow-react-proptypes": "^0.17.2",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-plugin-transform-object-rest-spread": "^6.16.0",
"babel-preset-latest": "^6.14.0",
"babel-preset-react": "^6.11.1",
"chokidar": "^1.6.0",
"enzyme": "^2.4.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-flowtype-errors": "^1.3.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"express": "^4.14.0",
"flow-bin": "^0.35.0",
"flow-copy-source": "^1.1.0",
"jsdom": "^9.8.0",
"lint-staged": "^3.0.3",
"mocha": "^3.0.2",
"mocha-jsdom": "^1.1.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.1.3",
"react": "^15.3.2",
"react-addons-test-utils": "^15.3.2",
"react-dom": "^15.3.2",
"rollup": "^0.36.3",
"rollup-plugin-babel": "^2.6.1",
"rollup-plugin-commonjs": "^5.0.5",
"rollup-plugin-flow": "^1.0.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.0.2",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "74310a07924ceb965ae6825f01b116642422ff0c",
"_id": "styled-components@1.1.2",
"_shasum": "d9931dc887322ea9b61e7a4fbda25ebd69240854",
"_from": ".",
"_npmVersion": "4.0.2",
"_nodeVersion": "6.2.1",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "d9931dc887322ea9b61e7a4fbda25ebd69240854",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-1.1.2.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-1.1.2.tgz_1480154145606_0.43524111341685057"
},
"directories": {}
},
"1.1.3": {
"name": "styled-components",
"version": "1.1.3",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist && npm run build:flow",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"build:flow": "flow-copy-source -v -i '{**/test/*.js,**/*.test.js}' src lib",
"prebuild:umd": "rm -rf dist/*",
"prebuild:dist": "rm -rf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "node example/devServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.0",
"css-to-react-native": "^1.0.6",
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"inline-style-prefixer": "^2.0.5",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-core": "^6.17.0",
"babel-eslint": "^6.1.2",
"babel-loader": "^6.2.5",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.8.0",
"babel-plugin-flow-react-proptypes": "^0.17.2",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-plugin-transform-object-rest-spread": "^6.16.0",
"babel-preset-latest": "^6.14.0",
"babel-preset-react": "^6.11.1",
"chokidar": "^1.6.0",
"enzyme": "^2.4.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-flowtype-errors": "^1.3.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"express": "^4.14.0",
"flow-bin": "^0.35.0",
"flow-copy-source": "^1.1.0",
"jsdom": "^9.8.0",
"lint-staged": "^3.0.3",
"mocha": "^3.0.2",
"mocha-jsdom": "^1.1.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.1.3",
"react": "^15.3.2",
"react-addons-test-utils": "^15.3.2",
"react-dom": "^15.3.2",
"rollup": "^0.36.3",
"rollup-plugin-babel": "^2.6.1",
"rollup-plugin-commonjs": "^5.0.5",
"rollup-plugin-flow": "^1.0.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.0.2",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "155479ede3018d0fb822ad48038d60d29115dae0",
"_id": "styled-components@1.1.3",
"_shasum": "9f5b19cff1b53e9063fdf82ccdf024dfd4d68d21",
"_from": ".",
"_npmVersion": "4.0.2",
"_nodeVersion": "6.2.1",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "9f5b19cff1b53e9063fdf82ccdf024dfd4d68d21",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-1.1.3.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-18-east.internal.npmjs.com",
"tmp": "tmp/styled-components-1.1.3.tgz_1481272326356_0.5855430404189974"
},
"directories": {}
},
"1.2.0": {
"name": "styled-components",
"version": "1.2.0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist && npm run build:flow",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"build:flow": "flow-copy-source -v -i '{**/test/*.js,**/*.test.js}' src lib",
"prebuild:umd": "rm -rf dist/*",
"prebuild:dist": "rm -rf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "node example/devServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.0",
"css-to-react-native": "^1.0.6",
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"inline-style-prefixer": "^2.0.5",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-core": "^6.17.0",
"babel-eslint": "^6.1.2",
"babel-loader": "^6.2.5",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.8.0",
"babel-plugin-flow-react-proptypes": "^0.17.2",
"babel-plugin-transform-class-properties": "^6.19.0",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-plugin-transform-object-rest-spread": "^6.16.0",
"babel-preset-latest": "^6.14.0",
"babel-preset-react": "^6.11.1",
"chokidar": "^1.6.0",
"enzyme": "^2.4.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-flowtype-errors": "^1.3.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"express": "^4.14.0",
"flow-bin": "^0.35.0",
"flow-copy-source": "^1.1.0",
"jsdom": "^9.8.0",
"lint-staged": "^3.0.3",
"mocha": "^3.0.2",
"mocha-jsdom": "^1.1.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.1.3",
"react": "^15.3.2",
"react-addons-test-utils": "^15.3.2",
"react-dom": "^15.3.2",
"rollup": "^0.36.3",
"rollup-plugin-babel": "^2.6.1",
"rollup-plugin-commonjs": "^5.0.5",
"rollup-plugin-flow": "^1.0.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.0.2",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "248685084aa634055806f47a499b8f24e1b5b2a7",
"_id": "styled-components@1.2.0",
"_shasum": "76b159277ea34214ea113bb3cc9e839bc90f0996",
"_from": ".",
"_npmVersion": "4.0.2",
"_nodeVersion": "6.2.1",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "76b159277ea34214ea113bb3cc9e839bc90f0996",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-1.2.0.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-1.2.0.tgz_1482005539348_0.8616358730942011"
},
"directories": {}
},
"1.2.1": {
"name": "styled-components",
"version": "1.2.1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist && npm run build:flow",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"build:flow": "flow-copy-source -v -i '{**/test/*.js,**/*.test.js}' src lib",
"prebuild:umd": "rm -rf dist/*",
"prebuild:dist": "rm -rf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow; test $? -eq 0 -o $? -eq 2",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "node example/devServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.0",
"css-to-react-native": "^1.0.6",
"fbjs": "^0.8.4",
"glamor": "^2.15.5",
"inline-style-prefixer": "^2.0.5",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.14.0",
"babel-core": "^6.17.0",
"babel-eslint": "^6.1.2",
"babel-loader": "^6.2.5",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.8.0",
"babel-plugin-flow-react-proptypes": "^0.17.2",
"babel-plugin-transform-class-properties": "^6.19.0",
"babel-plugin-transform-flow-strip-types": "^6.14.0",
"babel-plugin-transform-object-rest-spread": "^6.16.0",
"babel-preset-latest": "^6.14.0",
"babel-preset-react": "^6.11.1",
"chokidar": "^1.6.0",
"enzyme": "^2.4.1",
"eslint": "^3.5.0",
"eslint-config-airbnb": "^11.1.0",
"eslint-plugin-flowtype": "^2.29.1",
"eslint-plugin-flowtype-errors": "^1.3.0",
"eslint-plugin-import": "^1.15.0",
"eslint-plugin-jsx-a11y": "^2.2.2",
"eslint-plugin-react": "^6.2.1",
"expect": "^1.20.2",
"express": "^4.14.0",
"flow-bin": "^0.35.0",
"flow-copy-source": "^1.1.0",
"jsdom": "^9.8.0",
"lint-staged": "^3.0.3",
"mocha": "^3.0.2",
"mocha-jsdom": "^1.1.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.1.3",
"react": "^15.3.2",
"react-addons-test-utils": "^15.3.2",
"react-dom": "^15.3.2",
"rollup": "^0.36.3",
"rollup-plugin-babel": "^2.6.1",
"rollup-plugin-commonjs": "^5.0.5",
"rollup-plugin-flow": "^1.0.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.0.2",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "e9ba78700bc4ec48741a3a4331de5f6c14b6fdf9",
"_id": "styled-components@1.2.1",
"_shasum": "5884267dd9c6a8199d4abd3e0714afb973772b42",
"_from": ".",
"_npmVersion": "4.0.2",
"_nodeVersion": "6.2.1",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "5884267dd9c6a8199d4abd3e0714afb973772b42",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-1.2.1.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-1.2.1.tgz_1482060407144_0.9525445234030485"
},
"directories": {}
},
"1.3.0": {
"name": "styled-components",
"version": "1.3.0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist && npm run build:flow",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"build:flow": "flow-copy-source -v -i '{**/test/*.js,**/*.test.js}' src lib",
"prebuild:umd": "rm -rf dist/*",
"prebuild:dist": "rm -rf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow check",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "node example/devServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.2",
"css-to-react-native": "^1.0.6",
"fbjs": "^0.8.7",
"glamor": "^2.20.12",
"inline-style-prefixer": "^2.0.5",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.18.0",
"babel-core": "^6.21.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.18.0",
"babel-plugin-flow-react-proptypes": "^0.18.2",
"babel-plugin-transform-class-properties": "^6.19.0",
"babel-plugin-transform-flow-strip-types": "^6.21.0",
"babel-plugin-transform-object-rest-spread": "^6.20.2",
"babel-preset-latest": "^6.16.0",
"babel-preset-react": "^6.16.0",
"chokidar": "^1.6.1",
"danger": "^0.7.5",
"enzyme": "^2.6.0",
"eslint": "^3.12.2",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.29.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"expect": "^1.20.2",
"express": "^4.14.0",
"flow-bin": "^0.37.1",
"flow-copy-source": "^1.1.0",
"jsdom": "^9.9.1",
"lint-staged": "^3.2.4",
"mocha": "^3.2.0",
"mocha-jsdom": "^1.1.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.4.1",
"react-addons-test-utils": "^15.4.1",
"react-dom": "^15.4.1",
"react-native": "^0.39.2",
"rollup": "^0.37.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "14ffdee031c863930a82435205b7e92b1f926873",
"_id": "styled-components@1.3.0",
"_shasum": "0711b5a82fe784b458fd6e5054b842751c543a6b",
"_from": ".",
"_npmVersion": "4.0.5",
"_nodeVersion": "7.4.0",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "0711b5a82fe784b458fd6e5054b842751c543a6b",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-1.3.0.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-18-east.internal.npmjs.com",
"tmp": "tmp/styled-components-1.3.0.tgz_1484231151706_0.5316143441013992"
},
"directories": {}
},
"1.3.1": {
"name": "styled-components",
"version": "1.3.1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist && npm run build:flow",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"build:flow": "flow-copy-source -v -i '{**/test/*.js,**/*.test.js}' src lib",
"prebuild:umd": "rm -rf dist/*",
"prebuild:dist": "rm -rf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow check",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "node example/devServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.2",
"css-to-react-native": "^1.0.6",
"fbjs": "^0.8.7",
"glamor": "^2.20.12",
"inline-style-prefixer": "^2.0.5",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.18.0",
"babel-core": "^6.21.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.18.0",
"babel-plugin-flow-react-proptypes": "^0.18.2",
"babel-plugin-transform-class-properties": "^6.19.0",
"babel-plugin-transform-flow-strip-types": "^6.21.0",
"babel-plugin-transform-object-rest-spread": "^6.20.2",
"babel-preset-latest": "^6.16.0",
"babel-preset-react": "^6.16.0",
"chokidar": "^1.6.1",
"danger": "^0.7.5",
"enzyme": "^2.6.0",
"eslint": "^3.12.2",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.29.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"expect": "^1.20.2",
"express": "^4.14.0",
"flow-bin": "^0.37.1",
"flow-copy-source": "^1.1.0",
"jsdom": "^9.9.1",
"lint-staged": "^3.2.4",
"mocha": "^3.2.0",
"mocha-jsdom": "^1.1.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.4.1",
"react-addons-test-utils": "^15.4.1",
"react-dom": "^15.4.1",
"react-native": "^0.39.2",
"rollup": "^0.37.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "fecfcc5f83ae920741f0ea97238c8d76dc1997fe",
"_id": "styled-components@1.3.1",
"_shasum": "219aebf87405d890e0c60c8f702089d947aafc0a",
"_from": ".",
"_npmVersion": "4.0.5",
"_nodeVersion": "7.4.0",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "219aebf87405d890e0c60c8f702089d947aafc0a",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-1.3.1.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-1.3.1.tgz_1484734486240_0.6781880669295788"
},
"directories": {}
},
"2.0.0-0": {
"name": "styled-components",
"version": "2.0.0-0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist && npm run build:flow",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"build:flow": "flow-copy-source -v -i '{**/test/*.js,**/*.test.js}' src lib",
"prebuild:umd": "rm -rf dist/*",
"prebuild:dist": "rm -rf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow check",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "node example/devServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.2",
"css-to-react-native": "^1.0.6",
"fbjs": "^0.8.7",
"glamor": "^2.20.12",
"inline-style-prefixer": "^2.0.5",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"stylis": "0.11.0",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.18.0",
"babel-core": "^6.21.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.18.0",
"babel-plugin-flow-react-proptypes": "^0.18.2",
"babel-plugin-transform-class-properties": "^6.19.0",
"babel-plugin-transform-flow-strip-types": "^6.21.0",
"babel-plugin-transform-object-rest-spread": "^6.20.2",
"babel-preset-latest": "^6.16.0",
"babel-preset-react": "^6.16.0",
"chokidar": "^1.6.1",
"danger": "^0.7.5",
"enzyme": "^2.6.0",
"eslint": "^3.12.2",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.29.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"expect": "^1.20.2",
"express": "^4.14.0",
"flow-bin": "^0.37.1",
"flow-copy-source": "^1.1.0",
"jsdom": "^9.9.1",
"lint-staged": "^3.2.4",
"mocha": "^3.2.0",
"mocha-jsdom": "^1.1.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.4.1",
"react-addons-test-utils": "^15.4.1",
"react-dom": "^15.4.1",
"react-native": "^0.39.2",
"rollup": "^0.37.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "b3f8e3ac47247e8eb344e13a98b2efea1db96954",
"_id": "styled-components@2.0.0-0",
"_shasum": "0dc9cdaadfb3377740d2365b7318a910cf30174c",
"_from": ".",
"_npmVersion": "4.0.5",
"_nodeVersion": "7.4.0",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "0dc9cdaadfb3377740d2365b7318a910cf30174c",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.0.0-0.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-2.0.0-0.tgz_1485013450224_0.41180484695360065"
},
"directories": {}
},
"1.4.0": {
"name": "styled-components",
"version": "1.4.0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist && npm run build:flow",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"build:flow": "flow-copy-source -v -i '{**/test/*.js,**/*.test.js}' src lib",
"prebuild:umd": "rm -rf dist/*",
"prebuild:dist": "rm -rf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow check",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc ./typings/styled-components-test.tsx ./typings/styled-components-native-test.tsx --noEmit --jsx react --target es6 --module es2015 --moduleResolution node",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "node example/devServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.2",
"css-to-react-native": "^1.0.6",
"fbjs": "^0.8.7",
"glamor": "^2.20.12",
"inline-style-prefixer": "^2.0.5",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1"
},
"devDependencies": {
"@types/react": "^0.14.55",
"@types/react-native": "^0.37.5",
"babel-cli": "^6.18.0",
"babel-core": "^6.21.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.18.0",
"babel-plugin-flow-react-proptypes": "^0.18.2",
"babel-plugin-transform-class-properties": "^6.19.0",
"babel-plugin-transform-flow-strip-types": "^6.21.0",
"babel-plugin-transform-object-rest-spread": "^6.20.2",
"babel-preset-latest": "^6.16.0",
"babel-preset-react": "^6.16.0",
"chokidar": "^1.6.1",
"danger": "^0.7.5",
"enzyme": "^2.6.0",
"eslint": "^3.12.2",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.29.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"expect": "^1.20.2",
"express": "^4.14.0",
"flow-bin": "^0.37.1",
"flow-copy-source": "^1.1.0",
"jsdom": "^9.9.1",
"lint-staged": "^3.2.4",
"lodash": "^4.15.0",
"mocha": "^3.2.0",
"mocha-jsdom": "^1.1.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.4.1",
"react-addons-test-utils": "^15.4.1",
"react-dom": "^15.4.1",
"react-native": "^0.39.2",
"rollup": "^0.37.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"supports-color": "^3.1.2",
"tslint": "^4.3.1",
"typescript": "^2.1.5"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "edd7012fdf81af0ae191d6f3f2e13881abf11880",
"_id": "styled-components@1.4.0",
"_shasum": "a094d2ebd1c3227cd591d4d999d48860bf3f76b7",
"_from": ".",
"_npmVersion": "4.0.5",
"_nodeVersion": "7.4.0",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "a094d2ebd1c3227cd591d4d999d48860bf3f76b7",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-1.4.0.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-18-east.internal.npmjs.com",
"tmp": "tmp/styled-components-1.4.0.tgz_1485335053877_0.604385465150699"
},
"directories": {}
},
"1.4.1": {
"name": "styled-components",
"version": "1.4.1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist && npm run build:flow",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"build:flow": "flow-copy-source -v -i '{**/test/*.js,**/*.test.js}' src lib",
"prebuild:umd": "rm -rf dist/*",
"prebuild:dist": "rm -rf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow check",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc ./typings/styled-components-test.tsx ./typings/styled-components-native-test.tsx --noEmit --jsx react --target es6 --module es2015 --moduleResolution node",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "node example/devServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.2",
"css-to-react-native": "^1.0.6",
"fbjs": "^0.8.7",
"glamor": "^2.20.12",
"inline-style-prefixer": "^2.0.5",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"supports-color": "^3.1.2"
},
"devDependencies": {
"@types/react": "^0.14.55",
"@types/react-native": "^0.37.5",
"babel-cli": "^6.18.0",
"babel-core": "^6.21.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.18.0",
"babel-plugin-flow-react-proptypes": "^0.18.2",
"babel-plugin-transform-class-properties": "^6.19.0",
"babel-plugin-transform-flow-strip-types": "^6.21.0",
"babel-plugin-transform-object-rest-spread": "^6.20.2",
"babel-preset-latest": "^6.16.0",
"babel-preset-react": "^6.16.0",
"chokidar": "^1.6.1",
"danger": "^0.7.5",
"enzyme": "^2.6.0",
"eslint": "^3.12.2",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.29.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"expect": "^1.20.2",
"express": "^4.14.0",
"flow-bin": "^0.37.1",
"flow-copy-source": "^1.1.0",
"jsdom": "^9.9.1",
"lint-staged": "^3.2.4",
"lodash": "^4.15.0",
"mocha": "^3.2.0",
"mocha-jsdom": "^1.1.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.4.1",
"react-addons-test-utils": "^15.4.1",
"react-dom": "^15.4.1",
"react-native": "^0.39.2",
"rollup": "^0.37.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.1.5"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "98da925c23b5ab11f914d6605c01678aee56abf9",
"_id": "styled-components@1.4.1",
"_shasum": "4bf11aa1fb8512cc9d7634d26f1cd5ea77c2b1ad",
"_from": ".",
"_npmVersion": "4.0.5",
"_nodeVersion": "7.4.0",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "4bf11aa1fb8512cc9d7634d26f1cd5ea77c2b1ad",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-1.4.1.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-1.4.1.tgz_1485512198902_0.6588616208173335"
},
"directories": {}
},
"1.4.2": {
"name": "styled-components",
"version": "1.4.2",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist && npm run build:flow",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"build:flow": "flow-copy-source -v -i '{**/test/*.js,**/*.test.js}' src lib",
"prebuild:umd": "rm -rf dist/*",
"prebuild:dist": "rm -rf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow check",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc ./typings/styled-components-test.tsx ./typings/styled-components-native-test.tsx --noEmit --jsx react --target es6 --module es2015 --moduleResolution node",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "node example/devServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.2",
"css-to-react-native": "^1.0.6",
"fbjs": "^0.8.7",
"glamor": "^2.20.12",
"inline-style-prefixer": "^2.0.5",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"supports-color": "^3.1.2"
},
"devDependencies": {
"@types/react": "^0.14.55",
"@types/react-native": "^0.37.5",
"babel-cli": "^6.18.0",
"babel-core": "^6.21.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.18.0",
"babel-plugin-flow-react-proptypes": "^0.18.2",
"babel-plugin-transform-class-properties": "^6.19.0",
"babel-plugin-transform-flow-strip-types": "^6.21.0",
"babel-plugin-transform-object-rest-spread": "^6.20.2",
"babel-preset-latest": "^6.16.0",
"babel-preset-react": "^6.16.0",
"chokidar": "^1.6.1",
"danger": "^0.7.5",
"enzyme": "^2.6.0",
"eslint": "^3.12.2",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.29.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"expect": "^1.20.2",
"express": "^4.14.0",
"flow-bin": "^0.37.1",
"flow-copy-source": "^1.1.0",
"jsdom": "^9.9.1",
"lint-staged": "^3.2.4",
"lodash": "^4.15.0",
"mocha": "^3.2.0",
"mocha-jsdom": "^1.1.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.4.1",
"react-addons-test-utils": "^15.4.1",
"react-dom": "^15.4.1",
"react-native": "^0.39.2",
"rollup": "^0.37.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.1.5"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "cf0936f473cdaae817b8072c29c5c42888202327",
"_id": "styled-components@1.4.2",
"_shasum": "4fbb0e30b5adacd5c02ad7f6f1ff869c68fdc9a8",
"_from": ".",
"_npmVersion": "4.0.5",
"_nodeVersion": "7.4.0",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "4fbb0e30b5adacd5c02ad7f6f1ff869c68fdc9a8",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-1.4.2.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-18-east.internal.npmjs.com",
"tmp": "tmp/styled-components-1.4.2.tgz_1485637840507_0.5487156300805509"
},
"directories": {}
},
"2.0.0-1": {
"name": "styled-components",
"version": "2.0.0-1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist && npm run build:flow",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"build:flow": "flow-copy-source -v -i '{**/test/*.js,**/*.test.js}' src lib",
"prebuild:umd": "rm -rf dist/*",
"prebuild:dist": "rm -rf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow check",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "node example/devServer.js",
"example:ssr": "babel-node example/ssr"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.2",
"css-to-react-native": "^1.0.6",
"fbjs": "^0.8.7",
"glamor": "^2.20.12",
"inline-style-prefixer": "^2.0.5",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"stylis": "^1.0.1",
"supports-color": "^3.1.2"
},
"devDependencies": {
"babel-cli": "^6.18.0",
"babel-core": "^6.21.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.18.0",
"babel-plugin-flow-react-proptypes": "^0.18.2",
"babel-plugin-transform-class-properties": "^6.19.0",
"babel-plugin-transform-flow-strip-types": "^6.21.0",
"babel-plugin-transform-object-rest-spread": "^6.20.2",
"babel-preset-latest": "^6.16.0",
"babel-preset-react": "^6.16.0",
"chokidar": "^1.6.1",
"danger": "^0.7.5",
"enzyme": "^2.6.0",
"eslint": "^3.12.2",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.29.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"expect": "^1.20.2",
"express": "^4.14.0",
"flow-bin": "^0.37.1",
"flow-copy-source": "^1.1.0",
"jsdom": "^9.9.1",
"lint-staged": "^3.2.4",
"mocha": "^3.2.0",
"mocha-jsdom": "^1.1.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.4.1",
"react-addons-test-utils": "^15.4.1",
"react-dom": "^15.4.1",
"react-native": "^0.39.2",
"rollup": "^0.37.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "ffc46f4165937abd7751c5f3a498efb196eaf1f6",
"_id": "styled-components@2.0.0-1",
"_shasum": "b0840a7f4ed120adb23bec3159a8f79ab41cc5dd",
"_from": ".",
"_npmVersion": "4.0.5",
"_nodeVersion": "7.4.0",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "b0840a7f4ed120adb23bec3159a8f79ab41cc5dd",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.0.0-1.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-18-east.internal.npmjs.com",
"tmp": "tmp/styled-components-2.0.0-1.tgz_1485875439900_0.08702244563028216"
},
"directories": {}
},
"1.4.3": {
"name": "styled-components",
"version": "1.4.3",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist && npm run build:flow",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"build:flow": "flow-copy-source -v -i '{**/test/*.js,**/*.test.js}' src lib",
"prebuild:umd": "rm -rf dist/*",
"prebuild:dist": "rm -rf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow check",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc ./typings/styled-components-test.tsx ./typings/styled-components-native-test.tsx ./typings/themed-tests/mytheme-styled-components-test.tsx --noEmit --jsx react --target es6 --module es2015 --moduleResolution node",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "node example/devServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.2",
"css-to-react-native": "^1.0.6",
"fbjs": "^0.8.7",
"glamor": "^2.20.12",
"inline-style-prefixer": "^2.0.5",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"supports-color": "^3.1.2"
},
"devDependencies": {
"@types/react": "^0.14.55",
"@types/react-native": "^0.37.5",
"babel-cli": "^6.18.0",
"babel-core": "^6.21.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.18.0",
"babel-plugin-flow-react-proptypes": "^0.18.2",
"babel-plugin-transform-class-properties": "^6.19.0",
"babel-plugin-transform-flow-strip-types": "^6.21.0",
"babel-plugin-transform-object-rest-spread": "^6.20.2",
"babel-preset-latest": "^6.16.0",
"babel-preset-react": "^6.16.0",
"chokidar": "^1.6.1",
"danger": "^0.7.5",
"enzyme": "^2.6.0",
"eslint": "^3.12.2",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.29.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"expect": "^1.20.2",
"express": "^4.14.0",
"flow-bin": "^0.37.1",
"flow-copy-source": "^1.1.0",
"jsdom": "^9.9.1",
"lint-staged": "^3.2.4",
"lodash": "^4.15.0",
"mocha": "^3.2.0",
"mocha-jsdom": "^1.1.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.4.1",
"react-addons-test-utils": "^15.4.1",
"react-dom": "^15.4.1",
"react-native": "^0.39.2",
"rollup": "^0.37.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.1.5"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "e7cdf240997a6a67431cce5c69ddafed2fc620f7",
"_id": "styled-components@1.4.3",
"_shasum": "83fa44e553882aaa3ddc4363ccc435814d690706",
"_from": ".",
"_npmVersion": "4.0.5",
"_nodeVersion": "7.4.0",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "83fa44e553882aaa3ddc4363ccc435814d690706",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-1.4.3.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-18-east.internal.npmjs.com",
"tmp": "tmp/styled-components-1.4.3.tgz_1486207575523_0.3413517363369465"
},
"directories": {}
},
"2.0.0-2": {
"name": "styled-components",
"version": "2.0.0-2",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist && npm run build:flow",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"build:flow": "flow-copy-source -v -i '{**/test/*.js,**/*.test.js}' src lib",
"prebuild:umd": "rm -rf dist/*",
"prebuild:dist": "rm -rf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow check",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "node example/devServer.js",
"example:ssr": "babel-node example/ssr"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^1.0.6",
"fbjs": "^0.8.9",
"glamor": "^2.20.22",
"inline-style-prefixer": "^2.0.5",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"stylis": "^1.0.6",
"supports-color": "^3.2.3"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^0.18.2",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-preset-latest": "^6.22.0",
"babel-preset-react": "^6.22.0",
"chokidar": "^1.6.0",
"danger": "^0.7.5",
"enzyme": "^2.7.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"expect": "^1.20.2",
"express": "^4.14.1",
"flow-bin": "^0.37.1",
"flow-copy-source": "^1.1.0",
"jsdom": "^9.10.0",
"lint-staged": "^3.3.0",
"mocha": "^3.2.0",
"mocha-jsdom": "^1.1.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.4.1",
"react-addons-test-utils": "^15.4.1",
"react-dom": "^15.4.1",
"react-native": "^0.39.2",
"rollup": "^0.37.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "8fc0dae21e54a167352882daa912b8ab5de5f33c",
"_id": "styled-components@2.0.0-2",
"_shasum": "36a59bee48880cc321c5da364d045a3bf476b09e",
"_from": ".",
"_npmVersion": "4.0.5",
"_nodeVersion": "7.4.0",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "36a59bee48880cc321c5da364d045a3bf476b09e",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.0.0-2.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-18-east.internal.npmjs.com",
"tmp": "tmp/styled-components-2.0.0-2.tgz_1486471412470_0.961795493029058"
},
"directories": {}
},
"2.0.0-3": {
"name": "styled-components",
"version": "2.0.0-3",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist && npm run build:flow",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"build:flow": "flow-copy-source -v -i '{**/test/*.js,**/*.test.js}' src lib",
"prebuild:umd": "rm -rf dist/*",
"prebuild:dist": "rm -rf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow check",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "node example/devServer.js",
"example:ssr": "babel-node example/ssr"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^1.0.6",
"fbjs": "^0.8.9",
"glamor": "^2.20.22",
"inline-style-prefixer": "^2.0.5",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"stylis": "1.0.7",
"supports-color": "^3.2.3"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^0.18.2",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-preset-latest": "^6.22.0",
"babel-preset-react": "^6.22.0",
"chokidar": "^1.6.0",
"danger": "^0.7.5",
"enzyme": "^2.7.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"expect": "^1.20.2",
"express": "^4.14.1",
"flow-bin": "^0.37.1",
"flow-copy-source": "^1.1.0",
"jsdom": "^9.10.0",
"lint-staged": "^3.3.0",
"mocha": "^3.2.0",
"mocha-jsdom": "^1.1.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.4.1",
"react-addons-test-utils": "^15.4.1",
"react-dom": "^15.4.1",
"react-native": "^0.39.2",
"rollup": "^0.37.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "e6208808cd0cc4e37c035cbe922cf05fd90d6e48",
"_id": "styled-components@2.0.0-3",
"_shasum": "f2cde204f27bb14f87b8607da5f523c3ebba250b",
"_from": ".",
"_npmVersion": "4.0.5",
"_nodeVersion": "7.4.0",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "f2cde204f27bb14f87b8607da5f523c3ebba250b",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.0.0-3.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-2.0.0-3.tgz_1486477165665_0.10819695121608675"
},
"directories": {}
},
"2.0.0-4": {
"name": "styled-components",
"version": "2.0.0-4",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist && npm run build:flow",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"build:flow": "flow-copy-source -v -i '{**/test/*.js,**/*.test.js}' src lib",
"prebuild:umd": "rm -rf dist/*",
"prebuild:dist": "rm -rf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow check",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "node example/devServer.js",
"example:ssr": "babel-node example/ssr"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^1.0.6",
"fbjs": "^0.8.9",
"glamor": "^2.20.22",
"inline-style-prefixer": "^2.0.5",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"stylis": "^1.1.3",
"supports-color": "^3.2.3"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^0.18.2",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-preset-latest": "^6.22.0",
"babel-preset-react": "^6.22.0",
"chokidar": "^1.6.0",
"danger": "^0.7.5",
"enzyme": "^2.7.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"expect": "^1.20.2",
"express": "^4.14.1",
"flow-bin": "^0.37.1",
"flow-copy-source": "^1.1.0",
"jsdom": "^9.10.0",
"lint-staged": "^3.3.0",
"mocha": "^3.2.0",
"mocha-jsdom": "^1.1.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.4.1",
"react-addons-test-utils": "^15.4.1",
"react-dom": "^15.4.1",
"react-native": "^0.39.2",
"rollup": "^0.37.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "22531e2431229d1f678b7ff1d575745800b888ed",
"_id": "styled-components@2.0.0-4",
"_shasum": "b9f25c72c80ca9e3b88bf090426f2c996443bb31",
"_from": ".",
"_npmVersion": "4.2.0",
"_nodeVersion": "7.4.0",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "b9f25c72c80ca9e3b88bf090426f2c996443bb31",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.0.0-4.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-18-east.internal.npmjs.com",
"tmp": "tmp/styled-components-2.0.0-4.tgz_1487181641023_0.11919836001470685"
},
"directories": {}
},
"2.0.0-5": {
"name": "styled-components",
"version": "2.0.0-5",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist && npm run build:flow",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"build:flow": "flow-copy-source -v -i '{**/test/*.js,**/*.test.js}' src lib",
"prebuild:umd": "rm -rf dist/*",
"prebuild:dist": "rm -rf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow check",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "node example/devServer.js",
"example:ssr": "babel-node example/ssr"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^1.0.6",
"fbjs": "^0.8.9",
"glamor": "^2.20.22",
"inline-style-prefixer": "^2.0.5",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"stylis": "^1.1.13",
"supports-color": "^3.2.3"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^0.18.2",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-preset-latest": "^6.22.0",
"babel-preset-react": "^6.22.0",
"chokidar": "^1.6.0",
"danger": "^0.7.5",
"enzyme": "^2.7.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"expect": "^1.20.2",
"express": "^4.14.1",
"flow-bin": "^0.37.1",
"flow-copy-source": "^1.1.0",
"jsdom": "^9.10.0",
"lint-staged": "^3.3.0",
"mocha": "^3.2.0",
"mocha-jsdom": "^1.1.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.4.1",
"react-addons-test-utils": "^15.4.1",
"react-dom": "^15.4.1",
"react-native": "^0.39.2",
"rollup": "^0.37.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "87daea8ac94244f42e330df6c333148c6d404b15",
"_id": "styled-components@2.0.0-5",
"_shasum": "df802d110cfb1a08a37e7746ecff11c765075e34",
"_from": ".",
"_npmVersion": "4.2.0",
"_nodeVersion": "7.4.0",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "df802d110cfb1a08a37e7746ecff11c765075e34",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.0.0-5.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-18-east.internal.npmjs.com",
"tmp": "tmp/styled-components-2.0.0-5.tgz_1488376958887_0.7360721013974398"
},
"directories": {}
},
"1.4.4": {
"name": "styled-components",
"version": "1.4.4",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist && npm run build:flow",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"build:flow": "flow-copy-source -v -i '{**/test/*.js,**/*.test.js}' src lib",
"prebuild:umd": "rm -rf dist/*",
"prebuild:dist": "rm -rf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow check",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc ./typings/styled-components-test.tsx ./typings/styled-components-native-test.tsx ./typings/themed-tests/mytheme-styled-components-test.tsx --noEmit --jsx react --target es6 --module es2015 --moduleResolution node",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "node example/devServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.2",
"css-to-react-native": "^1.0.6",
"fbjs": "^0.8.7",
"glamor": "^2.20.12",
"inline-style-prefixer": "^2.0.5",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"supports-color": "^3.1.2"
},
"devDependencies": {
"@types/react": "^0.14.55",
"@types/react-native": "^0.37.5",
"babel-cli": "^6.18.0",
"babel-core": "^6.21.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.18.0",
"babel-plugin-flow-react-proptypes": "^0.18.2",
"babel-plugin-transform-class-properties": "^6.19.0",
"babel-plugin-transform-flow-strip-types": "^6.21.0",
"babel-plugin-transform-object-rest-spread": "^6.20.2",
"babel-preset-latest": "^6.16.0",
"babel-preset-react": "^6.16.0",
"chokidar": "^1.6.1",
"danger": "^0.7.5",
"enzyme": "^2.6.0",
"eslint": "^3.12.2",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.29.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"expect": "^1.20.2",
"express": "^4.14.0",
"flow-bin": "^0.37.1",
"flow-copy-source": "^1.1.0",
"jsdom": "^9.9.1",
"lint-staged": "^3.2.4",
"lodash": "^4.15.0",
"mocha": "^3.2.0",
"mocha-jsdom": "^1.1.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.4.1",
"react-addons-test-utils": "^15.4.1",
"react-dom": "^15.4.1",
"react-native": "^0.39.2",
"rollup": "^0.37.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.1.5"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "5acc479488d487da9837c381672b4b9154de6a22",
"_id": "styled-components@1.4.4",
"_shasum": "c944de423d8ae2363f2ba4ff8fc26d367e7dfa8f",
"_from": ".",
"_npmVersion": "4.2.0",
"_nodeVersion": "7.4.0",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "c944de423d8ae2363f2ba4ff8fc26d367e7dfa8f",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-1.4.4.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-18-east.internal.npmjs.com",
"tmp": "tmp/styled-components-1.4.4.tgz_1488378096687_0.8013761788606644"
},
"directories": {}
},
"2.0.0-6": {
"name": "styled-components",
"version": "2.0.0-6",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist && npm run build:flow",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"build:flow": "flow-copy-source -v -i '{**/test/*.js,**/*.test.js}' src lib",
"prebuild:umd": "rm -rf dist/*",
"prebuild:dist": "rm -rf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow check",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "node example/devServer.js",
"example:ssr": "babel-node example/ssr"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "2.0.1",
"fbjs": "^0.8.9",
"glamor": "^2.20.22",
"inline-style-prefixer": "^2.0.5",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"stylis": "^1.2.0",
"supports-color": "^3.2.3"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^0.18.2",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-preset-latest": "^6.22.0",
"babel-preset-react": "^6.22.0",
"chokidar": "^1.6.0",
"danger": "^0.7.5",
"enzyme": "^2.7.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"expect": "^1.20.2",
"express": "^4.14.1",
"flow-bin": "^0.37.1",
"flow-copy-source": "^1.1.0",
"jsdom": "^9.10.0",
"lint-staged": "^3.3.0",
"mocha": "^3.2.0",
"mocha-jsdom": "^1.1.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.4.1",
"react-addons-test-utils": "^15.4.1",
"react-dom": "^15.4.1",
"react-native": "^0.39.2",
"rollup": "^0.37.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "3dc7ce8b1b7e41b3d571a0f1dedfdeb13915bf65",
"_id": "styled-components@2.0.0-6",
"_shasum": "ab338ebf42a0c7ca667ad9478ec5a138d41530ec",
"_from": ".",
"_npmVersion": "4.2.0",
"_nodeVersion": "7.4.0",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "ab338ebf42a0c7ca667ad9478ec5a138d41530ec",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.0.0-6.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-2.0.0-6.tgz_1488528678344_0.7690650024451315"
},
"directories": {}
},
"2.0.0-7": {
"name": "styled-components",
"version": "2.0.0-7",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist && npm run build:flow",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"build:flow": "flow-copy-source -v -i '{**/test/*.js,**/*.test.js}' src lib",
"prebuild:umd": "rm -rf dist/*",
"prebuild:dist": "rm -rf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow check",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "node example/devServer.js",
"example:ssr": "babel-node example/ssr"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "2.0.1",
"fbjs": "^0.8.9",
"glamor": "^2.20.22",
"inline-style-prefixer": "^2.0.5",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"stylis": "^1.2.0",
"supports-color": "^3.2.3"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^0.18.2",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-preset-latest": "^6.22.0",
"babel-preset-react": "^6.22.0",
"chokidar": "^1.6.0",
"danger": "^0.7.5",
"enzyme": "^2.7.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"expect": "^1.20.2",
"express": "^4.14.1",
"flow-bin": "^0.37.1",
"flow-copy-source": "^1.1.0",
"jsdom": "^9.10.0",
"lint-staged": "^3.3.0",
"mocha": "^3.2.0",
"mocha-jsdom": "^1.1.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.4.1",
"react-addons-test-utils": "^15.4.1",
"react-dom": "^15.4.1",
"react-native": "^0.39.2",
"rollup": "^0.37.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "f65e394485fb707cf203277e9d0d383a3c7972c1",
"_id": "styled-components@2.0.0-7",
"_shasum": "a420b99622eacec26ae3d62c1c75985791d9691b",
"_from": ".",
"_npmVersion": "4.1.2",
"_nodeVersion": "7.6.0",
"_npmUser": { "name": "geelen", "email": "hi@glenmaddern.com" },
"dist": {
"shasum": "a420b99622eacec26ae3d62c1c75985791d9691b",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.0.0-7.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-18-east.internal.npmjs.com",
"tmp": "tmp/styled-components-2.0.0-7.tgz_1488800665151_0.1718795453198254"
},
"directories": {}
},
"2.0.0-8": {
"name": "styled-components",
"version": "2.0.0-8",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist && npm run build:flow",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"build:flow": "flow-copy-source -v -i '{**/test/*.js,**/*.test.js}' src lib",
"prebuild:umd": "rm -rf dist/*",
"prebuild:dist": "rm -rf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow check",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "node example/devServer.js",
"example:ssr": "babel-node example/ssr"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "2.0.1",
"fbjs": "^0.8.9",
"glamor": "^2.20.22",
"inline-style-prefixer": "^2.0.5",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"stylis": "^1.2.0",
"supports-color": "^3.2.3"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^0.18.2",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-preset-latest": "^6.22.0",
"babel-preset-react": "^6.22.0",
"chokidar": "^1.6.0",
"danger": "^0.7.5",
"enzyme": "^2.7.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"expect": "^1.20.2",
"express": "^4.14.1",
"flow-bin": "^0.37.1",
"flow-copy-source": "^1.1.0",
"jsdom": "^9.10.0",
"lint-staged": "^3.3.0",
"mocha": "^3.2.0",
"mocha-jsdom": "^1.1.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.4.1",
"react-addons-test-utils": "^15.4.1",
"react-dom": "^15.4.1",
"react-native": "^0.39.2",
"rollup": "^0.37.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "f3aa93190a3b4e9eb8ef9dd7ea5f63764053cc64",
"_id": "styled-components@2.0.0-8",
"_shasum": "1bff041c513b9bdacd215e0b5ed7eacb85b75d0e",
"_from": ".",
"_npmVersion": "4.1.2",
"_nodeVersion": "7.6.0",
"_npmUser": { "name": "geelen", "email": "hi@glenmaddern.com" },
"dist": {
"shasum": "1bff041c513b9bdacd215e0b5ed7eacb85b75d0e",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.0.0-8.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-2.0.0-8.tgz_1489992274687_0.1527300460729748"
},
"directories": {}
},
"2.0.0-9": {
"name": "styled-components",
"version": "2.0.0-9",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist && npm run build:flow",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"build:flow": "flow-copy-source -v -i '{**/test/*.js,**/*.test.js}' src lib",
"prebuild:umd": "rm -rf dist/*",
"prebuild:dist": "rm -rf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow check",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "node example/devServer.js",
"example:ssr": "babel-node example/ssr"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "2.0.1",
"fbjs": "^0.8.9",
"glamor": "^2.20.22",
"inline-style-prefixer": "^2.0.5",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"stylis": "^1.2.0",
"supports-color": "^3.2.3"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^0.18.2",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-preset-latest": "^6.22.0",
"babel-preset-react": "^6.22.0",
"chokidar": "^1.6.0",
"danger": "^0.7.5",
"enzyme": "^2.7.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"expect": "^1.20.2",
"express": "^4.14.1",
"flow-bin": "^0.37.1",
"flow-copy-source": "^1.1.0",
"jsdom": "^9.10.0",
"lint-staged": "^3.3.0",
"mocha": "^3.2.0",
"mocha-jsdom": "^1.1.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.4.1",
"react-addons-test-utils": "^15.4.1",
"react-dom": "^15.4.1",
"react-native": "^0.39.2",
"rollup": "^0.37.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "61eb03bb74b51c68b1cc44eb3820583f1e755ad8",
"_id": "styled-components@2.0.0-9",
"_shasum": "e750f7b70a9b036c5cfbc4213343f73013873899",
"_from": ".",
"_npmVersion": "4.1.2",
"_nodeVersion": "7.7.2",
"_npmUser": { "name": "philplckthun", "email": "phil@plckthn.me" },
"dist": {
"shasum": "e750f7b70a9b036c5cfbc4213343f73013873899",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.0.0-9.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" },
{ "name": "philplckthun", "email": "phil@plckthn.me" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-2.0.0-9.tgz_1490449904149_0.7091612406075001"
},
"directories": {}
},
"2.0.0-10": {
"name": "styled-components",
"version": "2.0.0-10",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist && npm run build:flow",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"build:flow": "flow-copy-source -v -i '{**/test/*.js,**/*.test.js}' src lib",
"prebuild:umd": "rm -rf dist/*",
"prebuild:dist": "rm -rf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow check",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "node example/devServer.js",
"example:ssr": "babel-node example/ssr"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "2.0.1",
"fbjs": "^0.8.9",
"glamor": "^2.20.22",
"inline-style-prefixer": "^2.0.5",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"stylis": "^1.2.0",
"supports-color": "^3.2.3"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^0.18.2",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-preset-latest": "^6.22.0",
"babel-preset-react": "^6.22.0",
"chokidar": "^1.6.0",
"danger": "^0.7.5",
"enzyme": "^2.7.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"expect": "^1.20.2",
"express": "^4.14.1",
"flow-bin": "^0.37.1",
"flow-copy-source": "^1.1.0",
"jsdom": "^9.10.0",
"lint-staged": "^3.3.0",
"mocha": "^3.2.0",
"mocha-jsdom": "^1.1.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.4.1",
"react-addons-test-utils": "^15.4.1",
"react-dom": "^15.4.1",
"react-native": "^0.39.2",
"rollup": "^0.37.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "068818bc80cde0ab6fce273ad58f529da7945e9e",
"_id": "styled-components@2.0.0-10",
"_shasum": "94b983d6af57ce9b4fb0cb73b289eb4696a930e3",
"_from": ".",
"_npmVersion": "4.1.2",
"_nodeVersion": "7.7.2",
"_npmUser": { "name": "philplckthun", "email": "phil@plckthn.me" },
"dist": {
"shasum": "94b983d6af57ce9b4fb0cb73b289eb4696a930e3",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.0.0-10.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" },
{ "name": "philplckthun", "email": "phil@plckthn.me" }
],
"_npmOperationalInternal": {
"host": "packages-18-east.internal.npmjs.com",
"tmp": "tmp/styled-components-2.0.0-10.tgz_1490501697360_0.5007344216573983"
},
"directories": {}
},
"2.0.0-11": {
"name": "styled-components",
"version": "2.0.0-11",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist && npm run build:flow",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"build:flow": "flow-copy-source -v -i '{**/test/*.js,**/*.test.js}' src lib",
"prebuild:umd": "rm -rf dist/*",
"prebuild:dist": "rm -rf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow check",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "node example/devServer.js",
"example:ssr": "babel-node example/ssr"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "2.0.1",
"fbjs": "^0.8.9",
"glamor": "^2.20.22",
"inline-style-prefixer": "^2.0.5",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"stylis": "^1.2.0",
"supports-color": "^3.2.3"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^0.18.2",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-preset-latest": "^6.22.0",
"babel-preset-react": "^6.22.0",
"chokidar": "^1.6.0",
"danger": "^0.7.5",
"enzyme": "^2.7.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"expect": "^1.20.2",
"express": "^4.14.1",
"flow-bin": "^0.37.1",
"flow-copy-source": "^1.1.0",
"jsdom": "^9.10.0",
"lint-staged": "^3.3.0",
"mocha": "^3.2.0",
"mocha-jsdom": "^1.1.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.4.1",
"react-addons-test-utils": "^15.4.1",
"react-dom": "^15.4.1",
"react-native": "^0.39.2",
"rollup": "^0.37.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "fa4e952dbc6dc866b666ee52f8e632d699848361",
"_id": "styled-components@2.0.0-11",
"_shasum": "ec6cf042a8f089fc635ca732c9b890342d5c6980",
"_from": ".",
"_npmVersion": "4.2.0",
"_nodeVersion": "7.4.0",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "ec6cf042a8f089fc635ca732c9b890342d5c6980",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.0.0-11.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" },
{ "name": "philplckthun", "email": "phil@plckthn.me" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-2.0.0-11.tgz_1491052979544_0.7703263033181429"
},
"directories": {}
},
"2.0.0-12": {
"name": "styled-components",
"version": "2.0.0-12",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist && npm run build:flow",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"build:flow": "flow-copy-source -v -i '{**/test/*.js,**/*.test.js}' src lib",
"prebuild:umd": "rm -rf dist/*",
"prebuild:dist": "rm -rf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow check",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "node example/devServer.js",
"example:ssr": "babel-node example/ssr"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "2.0.1",
"fbjs": "^0.8.9",
"glamor": "^2.20.22",
"inline-style-prefixer": "^2.0.5",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"stylis": "^2.0.0",
"supports-color": "^3.2.3"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^0.18.2",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-preset-latest": "^6.22.0",
"babel-preset-react": "^6.22.0",
"chokidar": "^1.6.0",
"danger": "^0.7.5",
"enzyme": "^2.7.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"expect": "^1.20.2",
"express": "^4.14.1",
"flow-bin": "^0.37.1",
"flow-copy-source": "^1.1.0",
"jsdom": "^9.10.0",
"lint-staged": "^3.3.0",
"mocha": "^3.2.0",
"mocha-jsdom": "^1.1.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.4.1",
"react-addons-test-utils": "^15.4.1",
"react-dom": "^15.4.1",
"react-native": "^0.39.2",
"rollup": "^0.37.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "8b6b5d9b3cc63d55136b33ead81b479a2ef3c202",
"_id": "styled-components@2.0.0-12",
"_shasum": "2512241f0df65d94609ed3051127e3033e0414c0",
"_from": ".",
"_npmVersion": "4.2.0",
"_nodeVersion": "7.4.0",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "2512241f0df65d94609ed3051127e3033e0414c0",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.0.0-12.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" },
{ "name": "philplckthun", "email": "phil@plckthn.me" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-2.0.0-12.tgz_1491114971284_0.11648470652289689"
},
"directories": {}
},
"2.0.0-13": {
"name": "styled-components",
"version": "2.0.0-13",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist && npm run build:flow",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"build:flow": "flow-copy-source -v -i '{**/test/*.js,**/*.test.js}' src lib",
"prebuild:umd": "rm -rf dist/*",
"prebuild:dist": "rm -rf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow check",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "node example/devServer.js",
"example:ssr": "babel-node example/ssr"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "2.0.1",
"fbjs": "^0.8.9",
"glamor": "^2.20.22",
"inline-style-prefixer": "^2.0.5",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"stylis": "^2.0.0",
"supports-color": "^3.2.3"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^0.18.2",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-preset-latest": "^6.22.0",
"babel-preset-react": "^6.22.0",
"chokidar": "^1.6.0",
"danger": "^0.7.5",
"enzyme": "^2.7.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"expect": "^1.20.2",
"express": "^4.14.1",
"flow-bin": "^0.37.1",
"flow-copy-source": "^1.1.0",
"jsdom": "^9.10.0",
"lint-staged": "^3.3.0",
"mocha": "^3.2.0",
"mocha-jsdom": "^1.1.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.4.1",
"react-addons-test-utils": "^15.4.1",
"react-dom": "^15.4.1",
"react-native": "^0.39.2",
"rollup": "^0.37.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "9c03dda1c9042fd0a83de931838fb1792b3ab61e",
"_id": "styled-components@2.0.0-13",
"_shasum": "811c7f728ed2b3a181f1ecd74781eb36225fbb4d",
"_from": ".",
"_npmVersion": "4.1.2",
"_nodeVersion": "7.7.2",
"_npmUser": { "name": "philplckthun", "email": "phil@plckthn.me" },
"dist": {
"shasum": "811c7f728ed2b3a181f1ecd74781eb36225fbb4d",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.0.0-13.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" },
{ "name": "philplckthun", "email": "phil@plckthn.me" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-2.0.0-13.tgz_1491216091997_0.20752915320917964"
},
"directories": {}
},
"2.0.0-14": {
"name": "styled-components",
"version": "2.0.0-14",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist && npm run build:flow",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"build:flow": "flow-copy-source -v -i '{**/test/*.js,**/*.test.js}' src lib",
"prebuild:umd": "rm -rf dist/*",
"prebuild:dist": "rm -rf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow check",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "node example/devServer.js",
"example:ssr": "babel-node example/ssr"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "2.0.1",
"fbjs": "^0.8.9",
"glamor": "^2.20.22",
"inline-style-prefixer": "^2.0.5",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"stylis": "^2.0.0",
"supports-color": "^3.2.3"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^0.18.2",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-preset-latest": "^6.22.0",
"babel-preset-react": "^6.22.0",
"chokidar": "^1.6.0",
"danger": "^0.7.5",
"enzyme": "^2.7.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"expect": "^1.20.2",
"express": "^4.14.1",
"flow-bin": "^0.37.1",
"flow-copy-source": "^1.1.0",
"jsdom": "^9.10.0",
"lint-staged": "^3.3.0",
"mocha": "^3.2.0",
"mocha-jsdom": "^1.1.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.4.1",
"react-addons-test-utils": "^15.4.1",
"react-dom": "^15.4.1",
"react-native": "^0.39.2",
"rollup": "^0.37.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "1f3c2df1f78c356eb7089c4a4bedf40f97ffe899",
"_id": "styled-components@2.0.0-14",
"_shasum": "f478d5046438a8b33bdae4ea6d1ca099bcb58cfe",
"_from": ".",
"_npmVersion": "4.1.2",
"_nodeVersion": "7.7.2",
"_npmUser": { "name": "philplckthun", "email": "phil@plckthn.me" },
"dist": {
"shasum": "f478d5046438a8b33bdae4ea6d1ca099bcb58cfe",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.0.0-14.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" },
{ "name": "philplckthun", "email": "phil@plckthn.me" }
],
"_npmOperationalInternal": {
"host": "packages-18-east.internal.npmjs.com",
"tmp": "tmp/styled-components-2.0.0-14.tgz_1491361214202_0.3639540949370712"
},
"directories": {}
},
"2.0.0-15": {
"name": "styled-components",
"version": "2.0.0-15",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist && npm run build:flow",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"build:flow": "flow-copy-source -v -i '{**/test/*.js,**/*.test.js}' src lib",
"prebuild:dist": "rm -rf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow check",
"lint": "eslint src",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "node example/devServer.js",
"example:ssr": "babel-node example/ssr"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"native.js",
"no-parser.js",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"src"
],
"keywords": ["react", "css", "css-in-js"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"inline-style-prefixer": "^2.0.5",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^2.0.0",
"supports-color": "^3.2.3"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^0.18.2",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-preset-latest": "^6.22.0",
"babel-preset-react": "^6.22.0",
"chokidar": "^1.6.0",
"danger": "^0.7.5",
"enzyme": "^2.7.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"expect": "^1.20.2",
"express": "^4.14.1",
"flow-bin": "^0.37.1",
"flow-copy-source": "^1.1.0",
"jsdom": "^9.10.0",
"lint-staged": "^3.3.0",
"mocha": "^3.2.0",
"mocha-jsdom": "^1.1.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.4.1",
"react-addons-test-utils": "^15.4.1",
"react-dom": "^15.4.1",
"react-native": "^0.39.2",
"rollup": "^0.37.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "739e1a003cfd51f0dc07a64c01de0d8d93a3c945",
"_id": "styled-components@2.0.0-15",
"_shasum": "77843c9f5267c60a97e28c97719d1ee89ea28be1",
"_from": ".",
"_npmVersion": "4.1.2",
"_nodeVersion": "7.6.0",
"_npmUser": { "name": "geelen", "email": "hi@glenmaddern.com" },
"dist": {
"shasum": "77843c9f5267c60a97e28c97719d1ee89ea28be1",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.0.0-15.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" },
{ "name": "philplckthun", "email": "phil@plckthn.me" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-2.0.0-15.tgz_1491885002487_0.49359362036921084"
},
"directories": {}
},
"1.4.5": {
"name": "styled-components",
"version": "1.4.5",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist && npm run build:flow",
"prebuild:lib": "rm -rf lib/*",
"build:lib": "babel --out-dir lib src",
"build:flow": "flow-copy-source -v -i '{**/test/*.js,**/*.test.js}' src lib",
"prebuild:umd": "rm -rf dist/*",
"prebuild:dist": "rm -rf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow check",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc ./typings/styled-components-test.tsx ./typings/styled-components-native-test.tsx ./typings/themed-tests/mytheme-styled-components-test.tsx --noEmit --jsx react --target es6 --module es2015 --moduleResolution node",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "node example/devServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.2",
"css-to-react-native": "^1.0.6",
"fbjs": "^0.8.7",
"inline-style-prefixer": "^2.0.5",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"supports-color": "^3.1.2"
},
"devDependencies": {
"@types/react": "^0.14.55",
"@types/react-native": "^0.37.5",
"babel-cli": "^6.18.0",
"babel-core": "^6.21.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.18.0",
"babel-plugin-flow-react-proptypes": "^0.18.2",
"babel-plugin-transform-class-properties": "^6.19.0",
"babel-plugin-transform-flow-strip-types": "^6.21.0",
"babel-plugin-transform-object-rest-spread": "^6.20.2",
"babel-preset-env": "^1.2.1",
"babel-preset-react": "^6.16.0",
"chokidar": "^1.6.1",
"danger": "^0.7.5",
"enzyme": "^2.6.0",
"eslint": "^3.12.2",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.29.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"expect": "^1.20.2",
"express": "^4.14.0",
"flow-bin": "^0.37.1",
"flow-copy-source": "^1.1.0",
"jsdom": "^9.9.1",
"lint-staged": "^3.2.4",
"lodash": "^4.15.0",
"mocha": "^3.2.0",
"mocha-jsdom": "^1.1.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.4.1",
"react-addons-test-utils": "^15.4.1",
"react-dom": "^15.4.1",
"react-native": "^0.39.2",
"rollup": "^0.37.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.1.5"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "a060e88cb3b0f45c2e7637ea3d2e900a3d71099f",
"_id": "styled-components@1.4.5",
"_shasum": "20c52f6355e28c7f20a99c05c6d5108a4858cfba",
"_from": ".",
"_npmVersion": "4.2.0",
"_nodeVersion": "7.9.0",
"_npmUser": { "name": "philplckthun", "email": "phil@plckthn.me" },
"dist": {
"shasum": "20c52f6355e28c7f20a99c05c6d5108a4858cfba",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-1.4.5.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" },
{ "name": "philplckthun", "email": "phil@plckthn.me" }
],
"_npmOperationalInternal": {
"host": "packages-18-east.internal.npmjs.com",
"tmp": "tmp/styled-components-1.4.5.tgz_1492211537594_0.7727602657396346"
},
"directories": {}
},
"2.0.0-16": {
"name": "styled-components",
"version": "2.0.0-16",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist && npm run build:flow",
"prebuild:lib": "rimraf lib/*",
"build:lib": "babel --out-dir lib src",
"build:flow": "flow-copy-source -v -i '{**/test/*.js,**/*.test.js}' src lib",
"prebuild:dist": "rimraf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "npm run test:web && npm run test:native",
"test:web": "jest",
"test:native": "jest -c .jest.native.json",
"test:watch": "npm run test -- --watch",
"flow": "flow check",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc ./typings/styled-components-test.tsx ./typings/styled-components-native-test.tsx ./typings/themed-tests/mytheme-styled-components-test.tsx --noEmit --jsx react --target es6 --module es2015 --moduleResolution node",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "babel-node example/devServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"native.js",
"no-parser.js",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"inline-style-prefixer": "^2.0.5",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^2.0.0",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^0.14.55",
"@types/react-native": "^0.37.5",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.1",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"chokidar": "^1.6.0",
"danger": "^0.16.0",
"enzyme": "^2.8.2",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.43.1",
"flow-copy-source": "^1.1.0",
"jest": "^19.0.2",
"jsdom": "^9.10.0",
"lint-staged": "^3.3.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.5.4",
"react-addons-test-utils": "^15.4.1",
"react-dom": "^15.5.4",
"react-native": "^0.39.2",
"rimraf": "^2.6.1",
"rollup": "^0.37.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.1.5"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"jest": {
"roots": ["<rootDir>/src/"],
"testPathIgnorePatterns": ["<rootDir>/src/native"]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "a8a0a10d68b82df9b5b256f44900e39dceb0f958",
"_id": "styled-components@2.0.0-16",
"_shasum": "c8792cfd4d9b42b6f995c5a1e4a5acfeef7d87ea",
"_from": ".",
"_npmVersion": "4.1.2",
"_nodeVersion": "7.6.0",
"_npmUser": { "name": "geelen", "email": "hi@glenmaddern.com" },
"dist": {
"shasum": "c8792cfd4d9b42b6f995c5a1e4a5acfeef7d87ea",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.0.0-16.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" },
{ "name": "philplckthun", "email": "phil@plckthn.me" }
],
"_npmOperationalInternal": {
"host": "packages-18-east.internal.npmjs.com",
"tmp": "tmp/styled-components-2.0.0-16.tgz_1493367630178_0.3085877278354019"
},
"directories": {}
},
"2.0.0-17": {
"name": "styled-components",
"version": "2.0.0-17",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist && npm run build:flow",
"prebuild:lib": "rimraf lib/*",
"build:lib": "babel --out-dir lib src",
"build:flow": "flow-copy-source -v -i '{**/test/*.js,**/*.test.js}' src lib",
"prebuild:dist": "rimraf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "npm run test:web && npm run test:native",
"test:web": "jest",
"test:native": "jest -c .jest.native.json",
"test:watch": "npm run test -- --watch",
"flow": "flow check",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc ./typings/styled-components-test.tsx ./typings/styled-components-native-test.tsx ./typings/themed-tests/mytheme-styled-components-test.tsx --noEmit --jsx react --target es6 --module es2015 --moduleResolution node",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "babel-node example/devServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"native.js",
"no-parser.js",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"inline-style-prefixer": "^2.0.5",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^2.0.0",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^0.14.55",
"@types/react-native": "^0.37.5",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.1",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"chokidar": "^1.6.0",
"danger": "^0.16.0",
"enzyme": "^2.8.2",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.43.1",
"flow-copy-source": "^1.1.0",
"jest": "^19.0.2",
"jsdom": "^9.10.0",
"lint-staged": "^3.3.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.5.4",
"react-addons-test-utils": "^15.4.1",
"react-dom": "^15.5.4",
"react-native": "^0.39.2",
"rimraf": "^2.6.1",
"rollup": "^0.37.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.1.5"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"jest": {
"roots": ["<rootDir>/src/"],
"testPathIgnorePatterns": ["<rootDir>/src/native"]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "b9778f10f23ce7260ce99c72e7729e1b539521c4",
"_id": "styled-components@2.0.0-17",
"_shasum": "9d49e5b351f2c3e13698ee00d189a3c951735088",
"_from": ".",
"_npmVersion": "4.1.2",
"_nodeVersion": "7.6.0",
"_npmUser": { "name": "geelen", "email": "hi@glenmaddern.com" },
"dist": {
"shasum": "9d49e5b351f2c3e13698ee00d189a3c951735088",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.0.0-17.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" },
{ "name": "philplckthun", "email": "phil@plckthn.me" }
],
"_npmOperationalInternal": {
"host": "packages-18-east.internal.npmjs.com",
"tmp": "tmp/styled-components-2.0.0-17.tgz_1493372226902_0.277779130730778"
},
"directories": {}
},
"1.4.6": {
"name": "styled-components",
"version": "1.4.6",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist && npm run build:flow",
"prebuild:lib": "rimraf lib/*",
"build:lib": "babel --out-dir lib src",
"build:flow": "flow-copy-source -v -i '{**/test/*.js,**/*.test.js}' src lib",
"prebuild:dist": "rimraf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "mocha \"./src/**/*.test.js\" --require babel-core/register --timeout 5000",
"test:watch": "npm run test -- --watch",
"flow": "flow check",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc ./typings/styled-components-test.tsx ./typings/styled-components-native-test.tsx ./typings/themed-tests/mytheme-styled-components-test.tsx --noEmit --jsx react --target es6 --module es2015 --moduleResolution node",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "node example/devServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"native.js",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.2",
"css-to-react-native": "^1.0.6",
"fbjs": "^0.8.7",
"inline-style-prefixer": "^2.0.5",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"supports-color": "^3.1.2"
},
"devDependencies": {
"@types/react": "^0.14.55",
"@types/react-native": "^0.37.5",
"babel-cli": "^6.18.0",
"babel-core": "^6.21.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.18.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.19.0",
"babel-plugin-transform-flow-strip-types": "^6.21.0",
"babel-plugin-transform-object-rest-spread": "^6.20.2",
"babel-preset-env": "^1.2.1",
"babel-preset-react": "^6.16.0",
"chokidar": "^1.6.1",
"danger": "^0.7.5",
"enzyme": "^2.6.0",
"eslint": "^3.12.2",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.29.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"expect": "^1.20.2",
"express": "^4.14.0",
"flow-bin": "^0.37.1",
"flow-copy-source": "^1.1.0",
"jsdom": "^9.9.1",
"lint-staged": "^3.2.4",
"lodash": "^4.15.0",
"mocha": "^3.2.0",
"mocha-jsdom": "^1.1.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.4.1",
"react-addons-test-utils": "^15.4.1",
"react-dom": "^15.4.1",
"react-native": "^0.39.2",
"rimraf": "^2.6.1",
"rollup": "^0.37.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.1.5"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "7fc8ad4ef443b0da48c0568ecf816e291489a607",
"_id": "styled-components@1.4.6",
"_shasum": "58f32e8a6ab510fb1481e901e838e0477f148b06",
"_from": ".",
"_npmVersion": "4.2.0",
"_nodeVersion": "7.9.0",
"_npmUser": { "name": "philplckthun", "email": "phil@plckthn.me" },
"dist": {
"shasum": "58f32e8a6ab510fb1481e901e838e0477f148b06",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-1.4.6.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" },
{ "name": "philplckthun", "email": "phil@plckthn.me" }
],
"_npmOperationalInternal": {
"host": "packages-12-west.internal.npmjs.com",
"tmp": "tmp/styled-components-1.4.6.tgz_1493735361428_0.06851586000993848"
},
"directories": {}
},
"2.0.0-18": {
"name": "styled-components",
"version": "2.0.0-18",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist && npm run build:flow",
"prebuild:lib": "rimraf lib/*",
"build:lib": "babel --out-dir lib src",
"build:flow": "flow-copy-source -v -i '{**/test/*.js,**/*.test.js}' src lib",
"prebuild:dist": "rimraf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "npm run test:web && npm run test:native",
"test:web": "jest",
"test:native": "jest -c .jest.native.json",
"test:watch": "npm run test -- --watch",
"flow": "flow check",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc ./typings/styled-components-test.tsx ./typings/styled-components-native-test.tsx ./typings/themed-tests/mytheme-styled-components-test.tsx --noEmit --jsx react --target es6 --module es2015 --moduleResolution node",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "babel-node example/devServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"native.js",
"no-parser.js",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"inline-style-prefixer": "^2.0.5",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^2.0.0",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^0.14.55",
"@types/react-native": "^0.37.5",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.1",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"chokidar": "^1.6.0",
"danger": "^0.16.0",
"enzyme": "^2.8.2",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.43.1",
"flow-copy-source": "^1.1.0",
"jest": "^19.0.2",
"jsdom": "^9.10.0",
"lint-staged": "^3.3.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.5.4",
"react-addons-test-utils": "^15.4.1",
"react-dom": "^15.5.4",
"react-native": "^0.39.2",
"rimraf": "^2.6.1",
"rollup": "^0.37.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.1.5"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"jest": {
"roots": ["<rootDir>/src/"],
"testPathIgnorePatterns": ["<rootDir>/src/native"]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "ef82f46059e79345d4ea24f268c809f6d23b5111",
"_id": "styled-components@2.0.0-18",
"_shasum": "e507e7234b124588bd7d7e08870b0afadcd7b2a6",
"_from": ".",
"_npmVersion": "4.1.2",
"_nodeVersion": "7.6.0",
"_npmUser": { "name": "geelen", "email": "hi@glenmaddern.com" },
"dist": {
"shasum": "e507e7234b124588bd7d7e08870b0afadcd7b2a6",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.0.0-18.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" },
{ "name": "philplckthun", "email": "phil@plckthn.me" }
],
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-2.0.0-18.tgz_1495441620668_0.9142091555986553"
},
"directories": {}
},
"2.0.0-19": {
"name": "styled-components",
"version": "2.0.0-19",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist && npm run build:flow",
"prebuild:lib": "rimraf lib/*",
"build:lib": "babel --out-dir lib src",
"build:flow": "flow-copy-source -v -i '{**/test/*.js,**/*.test.js}' src lib",
"prebuild:dist": "rimraf dist/*",
"build:dist": "rollup -c && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "npm run test:web && npm run test:native",
"test:web": "jest",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"flow": "flow check",
"flow:watch": "flow-watch",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc ./typings/styled-components-test.tsx ./typings/styled-components-native-test.tsx ./typings/themed-tests/mytheme-styled-components-test.tsx --noEmit --jsx react --target es6 --module es2015 --moduleResolution node",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "babel-node example/devServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"native.js",
"no-parser.js",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"inline-style-prefixer": "^2.0.5",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^2.0.0",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^0.14.55",
"@types/react-native": "^0.37.5",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.1",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"chokidar": "^1.6.0",
"danger": "^0.16.0",
"enzyme": "^2.8.2",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.43.1",
"flow-copy-source": "^1.1.0",
"flow-watch": "^1.1.1",
"jest": "^19.0.2",
"jsdom": "^9.10.0",
"lint-staged": "^3.3.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.5.4",
"react-addons-test-utils": "^15.4.1",
"react-dom": "^15.5.4",
"react-native": "^0.39.2",
"rimraf": "^2.6.1",
"rollup": "^0.37.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.1.5"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"jest": {
"roots": ["<rootDir>/src/"],
"testPathIgnorePatterns": ["<rootDir>/src/native"]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "914dcbb0a7bae5e61c62e76b5f4849209f8bebcc",
"_id": "styled-components@2.0.0-19",
"_shasum": "76f666dd40dd7c4194b76e176fd916b9aac96c94",
"_from": ".",
"_npmVersion": "4.2.0",
"_nodeVersion": "7.10.0",
"_npmUser": { "name": "philplckthun", "email": "phil@plckthn.me" },
"dist": {
"shasum": "76f666dd40dd7c4194b76e176fd916b9aac96c94",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.0.0-19.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" },
{ "name": "philplckthun", "email": "phil@plckthn.me" }
],
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-2.0.0-19.tgz_1495531785838_0.5858130848500878"
},
"directories": {}
},
"2.0.0": {
"name": "styled-components",
"version": "2.0.0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist && npm run build:flow",
"prebuild:lib": "rimraf lib/*",
"build:lib": "babel --out-dir lib src",
"build:flow": "flow-copy-source -v -i '{**/test/*.js,**/*.test.js}' src lib",
"prebuild:dist": "rimraf dist/*",
"build:dist": "rollup -c && rollup -c --environment ESBUNDLE && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "npm run test:web && npm run test:native",
"test:web": "jest",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"flow": "flow check",
"flow:watch": "flow-watch",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc ./typings/styled-components-test.tsx ./typings/styled-components-native-test.tsx ./typings/themed-tests/mytheme-styled-components-test.tsx --noEmit --jsx react --target es6 --module es2015 --moduleResolution node",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "babel-node example/devServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"native.js",
"no-parser.js",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"inline-style-prefixer": "^2.0.5",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^2.0.0",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^0.14.55",
"@types/react-native": "^0.37.5",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.1",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"chokidar": "^1.6.0",
"danger": "^0.16.0",
"enzyme": "^2.8.2",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.43.1",
"flow-copy-source": "^1.1.0",
"flow-watch": "^1.1.1",
"jest": "^19.0.2",
"jsdom": "^9.10.0",
"lint-staged": "^3.3.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.5.4",
"react-addons-test-utils": "^15.4.1",
"react-dom": "^15.5.4",
"react-native": "^0.39.2",
"rimraf": "^2.6.1",
"rollup": "^0.37.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.1.5"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"jest": {
"roots": ["<rootDir>/src/"],
"testPathIgnorePatterns": ["<rootDir>/src/native"]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "a01b6b40e69d6f9a7b12370d031bf2736c8784a0",
"_id": "styled-components@2.0.0",
"_shasum": "0906652b77647e7400ca7e5a6d8d45eba6fa77ec",
"_from": ".",
"_npmVersion": "4.2.0",
"_nodeVersion": "7.4.0",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"shasum": "0906652b77647e7400ca7e5a6d8d45eba6fa77ec",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.0.0.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" },
{ "name": "philplckthun", "email": "phil@plckthn.me" }
],
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-2.0.0.tgz_1495713323027_0.8860152112320065"
},
"directories": {}
},
"2.0.1": {
"name": "styled-components",
"version": "2.0.1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist",
"prebuild:lib": "rimraf lib/*",
"build:lib": "babel --out-dir lib src",
"prebuild:dist": "rimraf dist/*",
"build:dist": "rollup -c && rollup -c --environment ESBUNDLE && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "npm run test:web && npm run test:native",
"test:web": "jest",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"flow": "flow check",
"flow:watch": "flow-watch",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "babel-node example/devServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"native.js",
"no-parser.js",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^3.0.19",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^15.0.25",
"@types/react-dom": "^15.5.0",
"@types/react-native": "^0.44.4",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.1",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"chokidar": "^1.6.0",
"danger": "^0.16.0",
"enzyme": "^2.8.2",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-copy-source": "^1.1.0",
"flow-watch": "^1.1.1",
"jest": "^19.0.2",
"jsdom": "^9.10.0",
"lint-staged": "^3.3.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.5.4",
"react-addons-test-utils": "^15.4.1",
"react-dom": "^15.5.4",
"react-native": "^0.39.2",
"rimraf": "^2.6.1",
"rollup": "^0.37.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.3.3"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"jest": {
"roots": ["<rootDir>/src/"],
"testPathIgnorePatterns": ["<rootDir>/src/native"]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "26b77afdb1e61056a9f63cc26cfeb1cfacbc6d0a",
"_id": "styled-components@2.0.1",
"_shasum": "c7b5d211a2f794c0bf5e7c7d028617bed5781625",
"_from": ".",
"_npmVersion": "4.2.0",
"_nodeVersion": "7.10.0",
"_npmUser": { "name": "philplckthun", "email": "phil@plckthn.me" },
"dist": {
"shasum": "c7b5d211a2f794c0bf5e7c7d028617bed5781625",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.0.1.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" },
{ "name": "philplckthun", "email": "phil@plckthn.me" }
],
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-2.0.1.tgz_1496869008581_0.7944604919757694"
},
"directories": {}
},
"2.1.0": {
"name": "styled-components",
"version": "2.1.0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist",
"prebuild:lib": "rimraf lib/*",
"build:lib": "babel --out-dir lib src",
"prebuild:dist": "rimraf dist/*",
"build:dist": "rollup -c && rollup -c --environment ESBUNDLE && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "npm run test:web && npm run test:native",
"test:web": "jest",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"flow": "flow check",
"flow:watch": "flow-watch",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "babel-node example/devServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser.js",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^3.0.19",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^15.0.25",
"@types/react-dom": "^15.5.0",
"@types/react-native": "^0.44.4",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.1",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"chokidar": "^1.6.0",
"danger": "^0.16.0",
"enzyme": "^2.8.2",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-copy-source": "^1.1.0",
"flow-watch": "^1.1.1",
"jest": "^19.0.2",
"jsdom": "^9.10.0",
"lint-staged": "^3.3.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.5.4",
"react-addons-test-utils": "^15.4.1",
"react-dom": "^15.5.4",
"react-native": "^0.39.2",
"react-primitives": "^0.4.2",
"rimraf": "^2.6.1",
"rollup": "^0.37.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.3.3"
},
"peerDependencies": { "react": "^0.14.0 || ^15.0.0-0" },
"jest": {
"roots": ["<rootDir>/src/"],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "47b955d2bf1b4d84f9928ad0247d1d897cd6c9ae",
"_id": "styled-components@2.1.0",
"_shasum": "425805fca7efa5880aad2171f986bfd8a2f0808f",
"_from": ".",
"_npmVersion": "4.1.2",
"_nodeVersion": "7.6.0",
"_npmUser": { "name": "geelen", "email": "hi@glenmaddern.com" },
"dist": {
"shasum": "425805fca7efa5880aad2171f986bfd8a2f0808f",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.1.0.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" },
{ "name": "philplckthun", "email": "phil@plckthn.me" }
],
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-2.1.0.tgz_1497502129052_0.2605174167547375"
},
"directories": {}
},
"2.1.1-0": {
"name": "styled-components",
"version": "2.1.1-0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist",
"prebuild:lib": "rimraf lib/*",
"build:lib": "babel --out-dir lib src",
"prebuild:dist": "rimraf dist/*",
"build:dist": "rollup -c && rollup -c --environment ESBUNDLE && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "npm run test:web && npm run test:native",
"test:web": "jest",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"flow": "flow check",
"flow:watch": "flow-watch",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "babel-node example/devServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser.js",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"rollup-watch": "^3.2.2",
"stylis": "^3.0.19",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^15.0.25",
"@types/react-dom": "^15.5.0",
"@types/react-native": "^0.44.4",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.1",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"chokidar": "^1.6.0",
"danger": "^0.16.0",
"enzyme": "^2.8.2",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-copy-source": "^1.1.0",
"flow-watch": "^1.1.1",
"jest": "^19.0.2",
"jsdom": "^9.10.0",
"lint-staged": "^3.3.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.5.4",
"react-addons-test-utils": "^15.4.1",
"react-dom": "^15.5.4",
"react-native": "^0.39.2",
"react-primitives": "^0.4.2",
"rimraf": "^2.6.1",
"rollup": "^0.37.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.3.3"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"roots": ["<rootDir>/src/"],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "a604497821353a5fda610d2be01b6fa3314bc7e1",
"_id": "styled-components@2.1.1-0",
"_shasum": "a369390112582541286dd70364fa0ac0f9b103d5",
"_from": ".",
"_npmVersion": "4.1.2",
"_nodeVersion": "7.6.0",
"_npmUser": { "name": "geelen", "email": "hi@glenmaddern.com" },
"dist": {
"shasum": "a369390112582541286dd70364fa0ac0f9b103d5",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.1.1-0.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" },
{ "name": "philplckthun", "email": "phil@plckthn.me" }
],
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-2.1.1-0.tgz_1497874706856_0.6246253652498126"
},
"directories": {}
},
"2.1.1": {
"name": "styled-components",
"version": "2.1.1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist",
"prebuild:lib": "rimraf lib/*",
"build:lib": "babel --out-dir lib src",
"prebuild:dist": "rimraf dist/*",
"build:dist": "rollup -c && rollup -c --environment ESBUNDLE && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "babel-node example/devServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser.js",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^3.2.1",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^15.0.25",
"@types/react-dom": "^15.5.0",
"@types/react-native": "^0.44.4",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.1",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.5.5",
"chokidar": "^1.6.0",
"danger": "^0.16.0",
"enzyme": "^2.8.2",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-copy-source": "^1.1.0",
"flow-watch": "^1.1.1",
"jest": "^19.0.2",
"jsdom": "^9.10.0",
"lint-staged": "^3.3.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.5.4",
"react-addons-test-utils": "^15.4.1",
"react-dom": "^15.5.4",
"react-native": "^0.39.2",
"react-primitives": "^0.4.2",
"rimraf": "^2.6.1",
"rollup": "0.43.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.3.3"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"roots": ["<rootDir>/src/"],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "14kB" }
],
"gitHead": "60b36acb419d2d8e177b1b5b0f02ec7700615b0c",
"_id": "styled-components@2.1.1",
"_shasum": "7e9b5bc319ee3963b47aebb74f4658119ea9d484",
"_from": ".",
"_npmVersion": "4.2.0",
"_nodeVersion": "7.10.0",
"_npmUser": { "name": "philplckthun", "email": "phil@plckthn.me" },
"dist": {
"shasum": "7e9b5bc319ee3963b47aebb74f4658119ea9d484",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.1.1.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" },
{ "name": "philplckthun", "email": "phil@plckthn.me" }
],
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-2.1.1.tgz_1499092146380_0.5848375207278877"
},
"directories": {}
},
"2.1.1-1": {
"name": "styled-components",
"version": "2.1.1-1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist",
"prebuild:lib": "rimraf lib/*",
"build:lib": "babel --out-dir lib src",
"prebuild:dist": "rimraf dist/*",
"build:dist": "rollup -c && rollup -c --environment ESBUNDLE && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "npm run test:web && npm run test:native",
"test:web": "jest",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"flow": "flow check",
"flow:watch": "flow-watch",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "babel-node example/devServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser.js",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"rollup-watch": "^3.2.2",
"stylis": "^3.0.19",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^15.0.25",
"@types/react-dom": "^15.5.0",
"@types/react-native": "^0.44.4",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.1",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"chokidar": "^1.6.0",
"danger": "^0.16.0",
"enzyme": "^2.8.2",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-copy-source": "^1.1.0",
"flow-watch": "^1.1.1",
"jest": "^19.0.2",
"jsdom": "^9.10.0",
"lint-staged": "^3.3.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.5.4",
"react-addons-test-utils": "^15.4.1",
"react-dom": "^15.5.4",
"react-native": "^0.39.2",
"react-primitives": "^0.4.2",
"rimraf": "^2.6.1",
"rollup": "^0.37.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.3.3"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"roots": ["<rootDir>/src/"],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"gitHead": "a604497821353a5fda610d2be01b6fa3314bc7e1",
"_id": "styled-components@2.1.1-1",
"_npmVersion": "5.0.3",
"_nodeVersion": "8.1.2",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"integrity": "sha512-hXdXA4P/1wocWO3z9cqJTQd8w3ANyU2LGOeEARVR3gOiCRiSfsI1AbrpVkV+vD0LhePW9iDWk4f+v9aFgUrCIw==",
"shasum": "8b3f2075fbae8cad31bf87687c1251bded67b0ae",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.1.1-1.tgz"
},
"maintainers": [
{ "name": "geelen", "email": "hi@glenmaddern.com" },
{ "name": "mxstbr", "email": "npm@mxstbr.com" },
{ "name": "philplckthun", "email": "phil@plckthn.me" }
],
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-2.1.1-1.tgz_1500415245489_0.3310713905375451"
},
"directories": {}
},
"2.1.2": {
"name": "styled-components",
"version": "2.1.2",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist",
"prebuild:lib": "rimraf lib/*",
"build:lib": "babel --out-dir lib --ignore \"*.test.js\" src",
"prebuild:dist": "rimraf dist/*",
"build:dist": "rollup -c && rollup -c --environment ESBUNDLE && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "babel-node example/devServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser.js",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^3.2.1",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^15.0.37",
"@types/react-dom": "^15.5.1",
"@types/react-native": "^0.46.0",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.1",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.5.5",
"chokidar": "^1.6.0",
"danger": "^0.16.0",
"enzyme": "^2.8.2",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"jest": "^20.0.4",
"jsdom": "^9.10.0",
"lint-staged": "^3.3.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.5.4",
"react-addons-test-utils": "^15.4.1",
"react-dom": "^15.5.4",
"react-native": "^0.39.2",
"react-primitives": "^0.4.2",
"rimraf": "^2.6.1",
"rollup": "0.43.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"roots": ["<rootDir>/src/"],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "14kB" }
],
"gitHead": "168b75fb9f88c6a58bd76e7f19c172dd2ba15f7c",
"_id": "styled-components@2.1.2",
"_npmVersion": "5.3.0",
"_nodeVersion": "8.2.1",
"_npmUser": { "name": "philplckthun", "email": "phil@plckthn.me" },
"dist": {
"integrity": "sha512-PuEOMaCmtdWE7zaswiXAGN3GzWe3FWd3dJgyXMsOXIqyViKeVu1yHSxRsSkoWRg+l07qs9KJh8gk8udCZl5NmQ==",
"shasum": "bb419978e1287c5d0d88fa9106b2dd75f66a324c",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.1.2.tgz"
},
"maintainers": [
{ "email": "phil@plckthn.me", "name": "philplckthun" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "hi@glenmaddern.com", "name": "geelen" }
],
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-2.1.2.tgz_1501849043147_0.0605650010984391"
},
"directories": {}
},
"2.1.3-0": {
"name": "styled-components",
"version": "2.1.3-0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist",
"prebuild:lib": "rimraf lib/*",
"build:lib": "babel --out-dir lib --ignore \"*.test.js\" src",
"prebuild:dist": "rimraf dist/*",
"build:dist": "rollup -c && rollup -c --environment ESBUNDLE && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "babel-node example/devServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser.js",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"rollup-watch": "^3.2.2",
"stylis": "^3.2.1",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^15.0.37",
"@types/react-dom": "^15.5.1",
"@types/react-native": "^0.46.0",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.1",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"danger": "^0.16.0",
"enzyme": "^2.8.2",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"jest": "^20.0.4",
"jsdom": "^9.10.0",
"lint-staged": "^3.3.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.5.4",
"react-addons-test-utils": "^15.4.1",
"react-dom": "^15.5.4",
"react-native": "^0.39.2",
"react-primitives": "^0.4.2",
"rimraf": "^2.6.1",
"rollup": "0.43.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"roots": ["<rootDir>/src/"],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "14kB" }
],
"gitHead": "44d64f1cfb4fd408279d0dc3950c168cec605abc",
"_id": "styled-components@2.1.3-0",
"_npmVersion": "5.3.0",
"_nodeVersion": "8.1.2",
"_npmUser": { "name": "geelen", "email": "hi@glenmaddern.com" },
"dist": {
"integrity": "sha512-lCWoWT28PuVaDbSUBApgtRC+u+3XeB3hIRJ10Wo+l4qAS45TI1otFC60ND0u05IFQFLV8/V95H2I3VGe5MBDcw==",
"shasum": "2edb49abff79b649dfe36f3778a4dea8cb7edf1e",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.1.3-0.tgz"
},
"maintainers": [
{ "email": "phil@plckthn.me", "name": "philplckthun" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "hi@glenmaddern.com", "name": "geelen" }
],
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-2.1.3-0.tgz_1503854636133_0.8911227681674063"
},
"directories": {}
},
"2.2.0": {
"name": "styled-components",
"version": "2.2.0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist",
"prebuild:lib": "rimraf lib/*",
"build:lib": "babel --out-dir lib --ignore \"*.test.js\" src",
"prebuild:dist": "rimraf dist/*",
"build:dist": "rollup -c && rollup -c --environment ESBUNDLE && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "babel-node example/devServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser.js",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^3.2.1",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^15.0.37",
"@types/react-dom": "^15.5.1",
"@types/react-native": "^0.46.0",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.1",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"danger": "^0.16.0",
"enzyme": "^2.8.2",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"jest": "^20.0.4",
"jsdom": "^9.10.0",
"lint-staged": "^3.3.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.5.4",
"react-dom": "^15.5.4",
"react-native": "^0.39.2",
"react-primitives": "^0.4.2",
"react-test-renderer": "^15.6.1",
"rimraf": "^2.6.1",
"rollup": "0.43.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "14kB" }
],
"gitHead": "27a4fa6e972b6a189b58c26f826689ae3153bdeb",
"_id": "styled-components@2.2.0",
"_npmVersion": "5.3.0",
"_nodeVersion": "8.4.0",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"integrity": "sha512-M71FQu0onmVAYbnzGViECYURLufP7iCEyDxm6bzL4UvEPtbHFHPC0jB7xxXwx6aWIh2iRDZT0TWWac+zEbM91w==",
"shasum": "23823d305b1929723f927837735fdc2431545956",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.2.0.tgz"
},
"maintainers": [
{ "email": "phil@plckthn.me", "name": "philplckthun" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "hi@glenmaddern.com", "name": "geelen" }
],
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-2.2.0.tgz_1506520519803_0.580910379299894"
},
"directories": {}
},
"2.2.1": {
"name": "styled-components",
"version": "2.2.1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist",
"prebuild:lib": "rimraf lib/*",
"build:lib": "babel --out-dir lib --ignore \"*.test.js\" src",
"prebuild:dist": "rimraf dist/*",
"build:dist": "rollup -c && rollup -c --environment ESBUNDLE && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "babel-node example/devServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser.js",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^3.2.1",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^15.0.37",
"@types/react-dom": "^15.5.1",
"@types/react-native": "^0.46.0",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.1",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"danger": "^0.16.0",
"enzyme": "^2.8.2",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"jest": "^20.0.4",
"jsdom": "^9.10.0",
"lint-staged": "^3.3.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.5.4",
"react-dom": "^15.5.4",
"react-native": "^0.39.2",
"react-primitives": "^0.4.2",
"react-test-renderer": "^15.6.1",
"rimraf": "^2.6.1",
"rollup": "0.43.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "14kB" }
],
"gitHead": "a4b45d3acf9cb04d350a7a8eff63f6fe596eb025",
"_id": "styled-components@2.2.1",
"_npmVersion": "5.3.0",
"_nodeVersion": "8.4.0",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"integrity": "sha512-d0EQkUyzqBn4KE83lRXECGu2UPWOJbLiUb2bKODBCAvWCDf5PDz4cct3HJNg9D4oAFPO7uWRJWxturjXhhPYfQ==",
"shasum": "f4835f1001c37bcc301ac3865b5d93466de4dd5b",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.2.1.tgz"
},
"maintainers": [
{ "email": "phil@plckthn.me", "name": "philplckthun" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "hi@glenmaddern.com", "name": "geelen" }
],
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-2.2.1.tgz_1507103921722_0.27738658618181944"
},
"directories": {}
},
"2.2.2": {
"name": "styled-components",
"version": "2.2.2",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist",
"prebuild:lib": "rimraf lib/*",
"build:lib": "babel --out-dir lib --ignore \"*.test.js\" src",
"prebuild:dist": "rimraf dist/*",
"build:dist": "rollup -c && rollup -c --environment ESBUNDLE && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "babel-node example/devServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser.js",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "3.x",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^15.0.37",
"@types/react-dom": "^15.5.1",
"@types/react-native": "^0.46.0",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.1",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"danger": "^0.16.0",
"danger-plugin-jest": "^1.0.1",
"enzyme": "^2.8.2",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"jest": "^20.0.4",
"jest-json-reporter": "^1.2.2",
"jsdom": "^9.10.0",
"lint-staged": "^3.3.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.5.4",
"react-dom": "^15.5.4",
"react-native": "^0.39.2",
"react-primitives": "^0.4.2",
"react-test-renderer": "^15.6.1",
"rimraf": "^2.6.1",
"rollup": "0.43.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
],
"testResultsProcessor": "jest-json-reporter"
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "14.5kB" }
],
"gitHead": "006c4b0f133f09a7d70360d0df402906ae137bb2",
"_id": "styled-components@2.2.2",
"_npmVersion": "5.5.0",
"_nodeVersion": "8.4.0",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"integrity": "sha512-lFDt1U8GF5q7Jt3UQtlQOu1oIvwrXLDdIzsujbimkfMBQD9BGDKkEOi/Ssy3NV+v8jXNo0K3Bbe3PQ5+0+Z9xw==",
"shasum": "a00c4b7a432ff77e5fb962ec1fbc030248d27171",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.2.2.tgz"
},
"maintainers": [
{ "email": "phil@plckthn.me", "name": "philplckthun" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "hi@glenmaddern.com", "name": "geelen" }
],
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-2.2.2.tgz_1508855485252_0.03850273764692247"
},
"directories": {}
},
"2.2.3": {
"name": "styled-components",
"version": "2.2.3",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist",
"prebuild:lib": "rimraf lib/*",
"build:lib": "babel --out-dir lib --ignore \"*.test.js\" src",
"prebuild:dist": "rimraf dist/*",
"build:dist": "rollup -c && rollup -c --environment ESBUNDLE && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "babel-node example/devServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser.js",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "3.x",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^15.0.37",
"@types/react-dom": "^15.5.1",
"@types/react-native": "^0.46.0",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.1",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"danger": "^0.16.0",
"danger-plugin-jest": "^1.0.1",
"enzyme": "^2.8.2",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"jest": "^20.0.4",
"jest-json-reporter": "^1.2.2",
"jsdom": "^9.10.0",
"lint-staged": "^3.3.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.5.4",
"react-dom": "^15.5.4",
"react-native": "^0.39.2",
"react-primitives": "^0.4.2",
"react-test-renderer": "^15.6.1",
"rimraf": "^2.6.1",
"rollup": "0.43.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
],
"testResultsProcessor": "jest-json-reporter"
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "14.5kB" }
],
"gitHead": "e7bad633dbcc74ada8ef96eda3c87260dcb6d253",
"_id": "styled-components@2.2.3",
"_npmVersion": "5.5.1",
"_nodeVersion": "8.8.0",
"_npmUser": { "name": "philplckthun", "email": "phil@plckthn.me" },
"dist": {
"integrity": "sha512-KzdZv4zyZPLoM4V90Tu+3evqTBZt1quFC1DBt5SA7k4dY3ANWmK+LZiIk/Q99GzLisBiEjV+Fn9nyty9rrZ1jw==",
"shasum": "154575c269880c840f903f580287dab155cf684c",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.2.3.tgz"
},
"maintainers": [
{ "email": "phil@plckthn.me", "name": "philplckthun" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "hi@glenmaddern.com", "name": "geelen" }
],
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-2.2.3.tgz_1509320395013_0.5963794293347746"
},
"directories": {}
},
"2.2.4": {
"name": "styled-components",
"version": "2.2.4",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist",
"prebuild:lib": "rimraf lib/*",
"build:lib": "babel --out-dir lib --ignore \"*.test.js\" src",
"prebuild:dist": "rimraf dist/*",
"build:dist": "rollup -c && rollup -c --environment ESBUNDLE && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "babel-node example/devServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser.js",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^3.4.0",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^15.0.37",
"@types/react-dom": "^15.5.1",
"@types/react-native": "^0.46.0",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.10",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.1",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^2.8.2",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"jest": "^20.0.4",
"jest-json-reporter": "^1.2.2",
"jsdom": "^9.10.0",
"lint-staged": "^3.3.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.5.4",
"react-dom": "^15.5.4",
"react-native": "^0.39.2",
"react-primitives": "^0.4.2",
"react-test-renderer": "^15.6.1",
"rimraf": "^2.6.1",
"rollup": "0.43.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
],
"testResultsProcessor": "jest-json-reporter"
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "14.5kB" }
],
"gitHead": "74971bb1732b7a962a32b38cc0d0bed8444aff08",
"_id": "styled-components@2.2.4",
"_npmVersion": "5.4.2",
"_nodeVersion": "8.8.0",
"_npmUser": {
"name": "philplckthun",
"email": "phil.pluckthun@formidable.com"
},
"dist": {
"integrity": "sha512-GOIRYeVHBpPi7u+fYYV6HWP7AvdbvJkzmrgTJ31W9goRfc/vi5lBbKVm7K1nLogeR1Q0RfDjiEDWl1XsQtwtBw==",
"shasum": "dd87fd3dafd359e7a0d570aec1bd07d691c0b5a2",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.2.4.tgz"
},
"maintainers": [
{ "email": "phil.pluckthun@formidable.com", "name": "philplckthun" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "hi@glenmaddern.com", "name": "geelen" }
],
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-2.2.4.tgz_1511958202424_0.5189809107687324"
},
"directories": {}
},
"2.3.0": {
"name": "styled-components",
"version": "2.3.0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist",
"prebuild:lib": "rimraf lib/*",
"build:lib": "babel --out-dir lib --ignore \"*.test.js\" src",
"prebuild:dist": "rimraf dist/*",
"build:dist": "rollup -c && rollup -c --environment ESBUNDLE && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "babel-node example/devServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser.js",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-function": "^1.0.1",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^3.4.0",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^15.0.37",
"@types/react-dom": "^15.5.1",
"@types/react-native": "^0.46.0",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.1",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^2.8.2",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-import-resolver-webpack": "^0.8.3",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"jest": "^20.0.4",
"jest-json-reporter": "^1.2.2",
"jsdom": "^9.10.0",
"lint-staged": "^3.3.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"react": "^15.5.4",
"react-dom": "^15.5.4",
"react-native": "^0.39.2",
"react-primitives": "^0.4.2",
"react-test-renderer": "^15.6.1",
"rimraf": "^2.6.1",
"rollup": "0.43.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
],
"testResultsProcessor": "jest-json-reporter"
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "15kB" }
],
"gitHead": "8526f7a7c620decd67b86fa055a1ef877a3c6b27",
"_id": "styled-components@2.3.0",
"_npmVersion": "5.5.0",
"_nodeVersion": "8.4.0",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"integrity": "sha512-zHPlQVnvvNbAsJYuy799xnRjpUuE6dfbRsOqKdY2+/OFhi7aKg8AGnZbXSiZFjLYvY3gNaPQ6lVKtACbSIMgvw==",
"shasum": "d9cf4574e140fea6426e48632ed0ca4494537718",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.3.0.tgz"
},
"maintainers": [
{ "email": "phil.pluckthun@formidable.com", "name": "philplckthun" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "hi@glenmaddern.com", "name": "geelen" }
],
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-2.3.0.tgz_1513338335889_0.07052579615265131"
},
"directories": {}
},
"2.3.1": {
"name": "styled-components",
"version": "2.3.1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist",
"prebuild:lib": "rimraf lib/*",
"build:lib": "babel --out-dir lib --ignore \"*.test.js\" src",
"prebuild:dist": "rimraf dist/*",
"build:dist": "rollup -c && rollup -c --environment ESBUNDLE && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --forceExit",
"test:size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "babel-node example/startServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser.js",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^3.4.0",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^15.0.37",
"@types/react-dom": "^15.5.1",
"@types/react-native": "^0.46.0",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.1",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^2.8.2",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-import-resolver-webpack": "^0.8.3",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.3.1",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"jest": "^20.0.4",
"jest-image-snapshot": "^2.2.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"react": "^15.5.4",
"react-dom": "^15.5.4",
"react-native": "^0.39.2",
"react-primitives": "^0.4.2",
"react-test-renderer": "^15.6.1",
"rimraf": "^2.6.1",
"rollup": "0.43.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "14kB" }
],
"gitHead": "61d11e6cac04b3e7e06b91f1827f46bb8b6ed260",
"_id": "styled-components@2.3.1",
"_npmVersion": "5.5.0",
"_nodeVersion": "8.4.0",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"integrity": "sha512-USoekbFyosQ/Cp3vjLmYtm32JFksAFBejrdtHyx8Zz5H1YW0hQmQQTiTAR7H81WyJblDU4HOaJUaXq7jUoiVOw==",
"shasum": "29b48f96afcc3a057335437b1b84c606c19cc982",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.3.1.tgz"
},
"maintainers": [
{ "email": "schwers.r@gmail.com", "name": "schwers" },
{ "email": "phil.pluckthun@formidable.com", "name": "philplckthun" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "hi@glenmaddern.com", "name": "geelen" }
],
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-2.3.1.tgz_1513675049966_0.6360676388721913"
},
"directories": {}
},
"2.3.2": {
"name": "styled-components",
"version": "2.3.2",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist",
"prebuild:lib": "rimraf lib/*",
"build:lib": "babel --out-dir lib --ignore \"*.test.js\" src",
"prebuild:dist": "rimraf dist/*",
"build:dist": "rollup -c && rollup -c --environment ESBUNDLE && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --forceExit",
"test:size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "babel-node example/startServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser.js",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^3.4.0",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^15.0.37",
"@types/react-dom": "^15.5.1",
"@types/react-native": "^0.46.0",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.1",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^2.8.2",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-import-resolver-webpack": "^0.8.3",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.3.1",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"jest": "^20.0.4",
"jest-image-snapshot": "^2.2.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"react": "^15.5.4",
"react-dom": "^15.5.4",
"react-native": "^0.39.2",
"react-primitives": "^0.4.2",
"react-test-renderer": "^15.6.1",
"rimraf": "^2.6.1",
"rollup": "0.43.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "14.5kB" }
],
"gitHead": "8d8e6b9f0e4898706b0f5abc649a4676957904af",
"_id": "styled-components@2.3.2",
"_npmVersion": "5.5.0",
"_nodeVersion": "8.4.0",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"integrity": "sha512-vX7l0HQ6i426d0cPLwQWLcFtg5BD7h5/P6w0e55XM3MuJlO5SrobBFEDp6TQzlLCAqMEc4fW4tQ87p6ds08F/g==",
"shasum": "323d86cc9ac89f3fd233a2dfa0849da236f143e3",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.3.2.tgz"
},
"maintainers": [
{ "email": "schwers.r@gmail.com", "name": "schwers" },
{ "email": "phil.pluckthun@formidable.com", "name": "philplckthun" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "hi@glenmaddern.com", "name": "geelen" }
],
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-2.3.2.tgz_1513681491282_0.8567117971833795"
},
"directories": {}
},
"2.3.3-0": {
"name": "styled-components",
"version": "2.3.3-0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.native.js",
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^3.4.0",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^15.0.37",
"@types/react-dom": "^15.5.1",
"@types/react-native": "^0.46.0",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.1",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^2.8.2",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-import-resolver-webpack": "^0.8.3",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.3.1",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"jest": "^20.0.4",
"jest-image-snapshot": "^2.2.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"react": "^15.5.4",
"react-dom": "^15.5.4",
"react-native": "^0.39.2",
"react-primitives": "^0.4.2",
"react-test-renderer": "^15.6.1",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "14.5kB" }
],
"gitHead": "873c5b7d001465d43b4b550cf45faa6e33271db9",
"_id": "styled-components@2.3.3-0",
"_npmVersion": "5.5.0",
"_nodeVersion": "8.4.0",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"integrity": "sha512-d97+IEI8dBUYtcSpJafQjc2WvScmMEo989xeG3OPD1+JK3TOcP1T5kIUS/E8ziplzbg1QWKGvjglqP9LiHpEKw==",
"shasum": "62658d04efd2eafc75314d84ca9713b1a34a34e2",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.3.3-0.tgz"
},
"maintainers": [
{ "email": "schwers.r@gmail.com", "name": "schwers" },
{ "email": "phil.pluckthun@formidable.com", "name": "philplckthun" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "hi@glenmaddern.com", "name": "geelen" }
],
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-2.3.3-0.tgz_1513706278363_0.766320422757417"
},
"directories": {}
},
"2.3.3": {
"name": "styled-components",
"version": "2.3.3",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist",
"prebuild:lib": "rimraf lib/*",
"build:lib": "babel --out-dir lib --ignore \"*.test.js\" src",
"prebuild:dist": "rimraf dist/*",
"build:dist": "rollup -c && rollup -c --environment ESBUNDLE && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --forceExit",
"test:size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "babel-node example/startServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser.js",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^3.4.0",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^15.0.37",
"@types/react-dom": "^15.5.1",
"@types/react-native": "^0.46.0",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.1",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^2.8.2",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-import-resolver-webpack": "^0.8.3",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.3.1",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"jest": "^20.0.4",
"jest-image-snapshot": "^2.2.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"react": "^15.5.4",
"react-dom": "^15.5.4",
"react-native": "^0.39.2",
"react-primitives": "^0.4.2",
"react-test-renderer": "^15.6.1",
"rimraf": "^2.6.1",
"rollup": "0.43.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "14.5kB" }
],
"gitHead": "d2d6be5feafdc116a3429e6b6f71f7718c51a8ba",
"_id": "styled-components@2.3.3",
"_npmVersion": "5.5.0",
"_nodeVersion": "8.4.0",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"integrity": "sha512-VdEBVplt2EDEvF107Zxh0+giYGgvzzZaDC6fuBiozDiQciii6xOGqMHLwLzkfX7Zvp1d4oaFY0uvVeoDbzK3Gw==",
"shasum": "351d0be84699db750c73d95617e4334157421f71",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.3.3.tgz"
},
"maintainers": [
{ "email": "schwers.r@gmail.com", "name": "schwers" },
{ "email": "phil.pluckthun@formidable.com", "name": "philplckthun" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "hi@glenmaddern.com", "name": "geelen" }
],
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-2.3.3.tgz_1513769902192_0.676644723629579"
},
"directories": {}
},
"2.4.0-0": {
"name": "styled-components",
"version": "2.4.0-0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist",
"prebuild:lib": "rimraf lib/*",
"build:lib": "babel --out-dir lib --ignore \"*.test.js\" src",
"prebuild:dist": "rimraf dist/*",
"build:dist": "rollup -c && rollup -c --environment ESBUNDLE && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --forceExit",
"test:size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "babel-node example/startServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser.js",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^3.4.0",
"stylis-rule-sheet": "^0.0.6",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^15.0.37",
"@types/react-dom": "^15.5.1",
"@types/react-native": "^0.46.0",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.1",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^2.8.2",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-import-resolver-webpack": "^0.8.3",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.3.1",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"jest": "^20.0.4",
"jest-image-snapshot": "^2.2.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"react": "^15.5.4",
"react-dom": "^15.5.4",
"react-native": "^0.39.2",
"react-primitives": "^0.4.2",
"react-test-renderer": "^15.6.1",
"rimraf": "^2.6.1",
"rollup": "0.43.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "14.7kB" }
],
"gitHead": "677dcb2cac9c356611ef2daee9fbcbd2157ef451",
"_id": "styled-components@2.4.0-0",
"_npmVersion": "5.5.0",
"_nodeVersion": "8.4.0",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"integrity": "sha512-3NsIO29m24xmqtu+LIxT0Nxo1BiOFMO8ZZ0TqjNuI3v08ibDoOzr57mQA6qS7o2o7Zhg5gqB8Dng04gQwJF29w==",
"shasum": "d3c6f879c0b8a6d10ed184ad12da4c6625e0c12b",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.4.0-0.tgz"
},
"maintainers": [
{ "email": "schwers.r@gmail.com", "name": "schwers" },
{ "email": "phil.pluckthun@formidable.com", "name": "philplckthun" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "hi@glenmaddern.com", "name": "geelen" }
],
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-2.4.0-0.tgz_1513861633875_0.5061775187496096"
},
"directories": {}
},
"2.4.0": {
"name": "styled-components",
"version": "2.4.0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist",
"prebuild:lib": "rimraf lib/*",
"build:lib": "babel --out-dir lib --ignore \"*.test.js\" src",
"prebuild:dist": "rimraf dist/*",
"build:dist": "rollup -c && rollup -c --environment ESBUNDLE && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --forceExit",
"test:size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "babel-node example/startServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser.js",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^3.4.0",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^15.0.37",
"@types/react-dom": "^15.5.1",
"@types/react-native": "^0.46.0",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.1",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^2.8.2",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-import-resolver-webpack": "^0.8.3",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.3.1",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"jest": "^20.0.4",
"jest-image-snapshot": "^2.2.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"react": "^15.5.4",
"react-dom": "^15.5.4",
"react-native": "^0.39.2",
"react-primitives": "^0.4.2",
"react-test-renderer": "^15.6.1",
"rimraf": "^2.6.1",
"rollup": "0.43.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "14.5kB" }
],
"gitHead": "6adbb7180bd212daa908454a7cdf0bbb9572c0df",
"_id": "styled-components@2.4.0",
"_npmVersion": "5.5.0",
"_nodeVersion": "8.4.0",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"integrity": "sha512-bLW0/lQxTgJ0y+TEllctly+/B0Hz2N82e5AhubP+FIVPSisyOzyFnZzWdqRml7RDwRCsT+EGNN8YYa0VFutT+w==",
"shasum": "086d0fd483d54638837fca3ea546a030b94adf75",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.4.0.tgz"
},
"maintainers": [
{ "email": "schwers.r@gmail.com", "name": "schwers" },
{ "email": "phil.pluckthun@formidable.com", "name": "philplckthun" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "hi@glenmaddern.com", "name": "geelen" }
],
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-2.4.0.tgz_1513936457918_0.6610510554164648"
},
"directories": {}
},
"2.5.0-1": {
"name": "styled-components",
"version": "2.5.0-1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.native.js",
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^3.4.0",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^15.0.37",
"@types/react-dom": "^15.5.1",
"@types/react-native": "^0.46.0",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.1",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^2.8.2",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "^2.2.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"react": "^15.5.4",
"react-dom": "^15.5.4",
"react-native": "^0.39.2",
"react-primitives": "^0.4.2",
"react-test-renderer": "^15.6.1",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "14.5kB" }
],
"gitHead": "636d5072ca7513721ea91d4aae6203be0d9bf634",
"_id": "styled-components@2.5.0-1",
"_npmVersion": "5.5.0",
"_nodeVersion": "8.4.0",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"integrity": "sha512-xf3e1QzUEbRMQXCFwyBYvYQn5KQKXWyOerrr4/wrUSgAwKcnXntXXjvEsacaTs/ymm/ETpZHnDtSbamqRbmTpA==",
"shasum": "0de96a5a6a07e78f620d6106cdcd10cc932425f7",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.5.0-1.tgz"
},
"maintainers": [
{ "email": "schwers.r@gmail.com", "name": "schwers" },
{ "email": "phil.pluckthun@formidable.com", "name": "philplckthun" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "hi@glenmaddern.com", "name": "geelen" }
],
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-2.5.0-1.tgz_1515060155280_0.09269568021409214"
},
"directories": {}
},
"3.0.1": {
"name": "styled-components",
"version": "3.0.1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.cjs.native.js",
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^3.4.0",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^16",
"@types/react-native": "^0.50.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.1",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "^2.2.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"raf": "^3.4.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/enzymeSetup.js"],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "14.5kB" }
],
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.0.1",
"dist": {
"shasum": "dcc2de917e8faf686c3ac1a749dad5b6502fe547",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.0.1.tgz"
},
"maintainers": [
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" },
{ "email": "phil.pluckthun@formidable.com", "name": "philplckthun" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "hi@glenmaddern.com", "name": "geelen" }
],
"_npmUser": {
"name": "philplckthun",
"email": "phil.pluckthun@formidable.com"
},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-3.0.1.tgz_1516637826900_0.561244549928233"
},
"directories": {}
},
"3.0.2": {
"name": "styled-components",
"version": "3.0.2",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.cjs.native.js",
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^3.4.0",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^16",
"@types/react-native": "^0.50.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.1",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "^2.2.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"raf": "^3.4.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-hypothetical": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/enzymeSetup.js"],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "14.5kB" }
],
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.0.2",
"dist": {
"shasum": "dbcd66ee84d444ee4332a7f74027e8a675191593",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.0.2.tgz"
},
"maintainers": [
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" },
{ "email": "phil.pluckthun@formidable.com", "name": "philplckthun" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "hi@glenmaddern.com", "name": "geelen" }
],
"_npmUser": {
"name": "philplckthun",
"email": "phil.pluckthun@formidable.com"
},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-3.0.2.tgz_1516648784331_0.7175043176393956"
},
"directories": {}
},
"3.1.0-0": {
"name": "styled-components",
"version": "3.1.0-0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"browser": {
"dist/styled-components.es.js": "dist/styled-components.browser.es.js",
"dist/styled-components.cjs.js": "dist/styled-components.browser.cjs.js",
"dist/styled-components-no-parser.es.js": "dist/styled-components-no-parser.browser.es.js",
"dist/styled-components-no-parser.cjs.js": "dist/styled-components-no-parser.browser.cjs.js"
},
"react-native": "dist/styled-components.cjs.native.js",
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^3.4.0",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^16",
"@types/react-native": "^0.50.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.1",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "^2.2.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"raf": "^3.4.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-hypothetical": "^2.0.0",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^3.0.0",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "14.5kB" }
],
"gitHead": "e4f962dcb95f90c312780426d81f97bf1e96610c",
"_id": "styled-components@3.1.0-0",
"_npmVersion": "5.5.0",
"_nodeVersion": "8.4.0",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"integrity": "sha512-NGUlsbw/MWgo2wEFxt8368URVhk6dpc2Olu9hCBvfitTtQY7fNs51Vls5+pGpfbPdCu3uOEPzQtb1ctzoBSEbw==",
"shasum": "55832ff5142865def9e7cd93821594c7463eaabf",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.1.0-0.tgz"
},
"maintainers": [
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" },
{ "email": "phil.pluckthun@formidable.com", "name": "philplckthun" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "hi@glenmaddern.com", "name": "geelen" }
],
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-3.1.0-0.tgz_1516711493561_0.510596256935969"
},
"directories": {}
},
"3.1.0-1": {
"name": "styled-components",
"version": "3.1.0-1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"browser": {
"dist/styled-components.es.js": "dist/styled-components.browser.es.js",
"dist/styled-components.cjs.js": "dist/styled-components.browser.cjs.js",
"dist/styled-components-no-parser.es.js": "dist/styled-components-no-parser.browser.es.js",
"dist/styled-components-no-parser.cjs.js": "dist/styled-components-no-parser.browser.cjs.js"
},
"react-native": "dist/styled-components.cjs.native.js",
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^3.4.0",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^16",
"@types/react-native": "^0.50.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.1",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "^2.2.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"raf": "^3.4.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-hypothetical": "^2.0.0",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^3.0.0",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "14.5kB" }
],
"gitHead": "05045c753a820f6269bbe34c508ccf540d6e7799",
"_id": "styled-components@3.1.0-1",
"_npmVersion": "5.5.0",
"_nodeVersion": "8.4.0",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"integrity": "sha512-uKJeHJx2/a1uWZxib+kn+w+4dtv9emPAWsFlk02EVDTfc7f4S3Plnl5Hdo+4olyuo+yLOiiQbRGvpKBItTWEbA==",
"shasum": "91b46cc7d11d2f7f02c91e660ccad1807027dcba",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.1.0-1.tgz"
},
"maintainers": [
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" },
{ "email": "phil.pluckthun@formidable.com", "name": "philplckthun" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "hi@glenmaddern.com", "name": "geelen" }
],
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-3.1.0-1.tgz_1516719642936_0.15943492855876684"
},
"directories": {}
},
"3.1.0-3": {
"name": "styled-components",
"version": "3.1.0-3",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.cjs.native.js",
"browser": {
"./dist/styled-components.es.js": "./dist/styled-components.browser.es.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.es.js": "./dist/styled-components-no-parser.browser.es.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^3.4.0",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^16",
"@types/react-native": "^0.50.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.1",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "^2.2.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"raf": "^3.4.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-hypothetical": "^2.0.0",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^3.0.0",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "14.75kB" }
],
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.1.0-3",
"dist": {
"shasum": "477bcd7ddd116c88723d5a8639f56c095321beb8",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.1.0-3.tgz"
},
"maintainers": [
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" },
{ "email": "phil.pluckthun@formidable.com", "name": "philplckthun" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "hi@glenmaddern.com", "name": "geelen" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-3.1.0-3.tgz_1516775349341_0.48672587191686034"
},
"directories": {}
},
"3.1.0-speedy": {
"name": "styled-components",
"version": "3.1.0-speedy",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.cjs.native.js",
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^3.4.0",
"stylis-rule-sheet": "^0.0.7",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^16",
"@types/react-native": "^0.50.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.1",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "^2.2.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"raf": "^3.4.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/enzymeSetup.js"],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "14.9kB" }
],
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.1.0-speedy",
"dist": {
"shasum": "d8e945787a62fa140343f62ea840e77c4080a4a1",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.1.0-speedy.tgz"
},
"maintainers": [
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" },
{ "email": "phil.pluckthun@formidable.com", "name": "philplckthun" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "hi@glenmaddern.com", "name": "geelen" }
],
"_npmUser": {
"name": "philplckthun",
"email": "phil.pluckthun@formidable.com"
},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-3.1.0-speedy.tgz_1516832605439_0.03308463981375098"
},
"directories": {}
},
"3.1.0-speedy2": {
"name": "styled-components",
"version": "3.1.0-speedy2",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.cjs.native.js",
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^3.4.0",
"stylis-rule-sheet": "^0.0.7",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^16",
"@types/react-native": "^0.50.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.1",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "^2.2.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"raf": "^3.4.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/enzymeSetup.js"],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "14.9kB" }
],
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.1.0-speedy2",
"dist": {
"shasum": "924595d59ef670f5b08a69bfba598c2f2c2959c4",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.1.0-speedy2.tgz"
},
"maintainers": [
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" },
{ "email": "phil.pluckthun@formidable.com", "name": "philplckthun" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "hi@glenmaddern.com", "name": "geelen" }
],
"_npmUser": {
"name": "philplckthun",
"email": "phil.pluckthun@formidable.com"
},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-3.1.0-speedy2.tgz_1516833608146_0.1648246217519045"
},
"directories": {}
},
"3.1.0-speedy3": {
"name": "styled-components",
"version": "3.1.0-speedy3",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.cjs.native.js",
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^3.4.0",
"stylis-rule-sheet": "^0.0.7",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^16",
"@types/react-native": "^0.50.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.1",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "^2.2.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"raf": "^3.4.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/enzymeSetup.js"],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "14.9kB" }
],
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.1.0-speedy3",
"dist": {
"shasum": "1d3fea0f1fb6cbf75eb11bbeb9fd0b1d54aef9da",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.1.0-speedy3.tgz"
},
"maintainers": [
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" },
{ "email": "phil.pluckthun@formidable.com", "name": "philplckthun" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "hi@glenmaddern.com", "name": "geelen" }
],
"_npmUser": {
"name": "philplckthun",
"email": "phil.pluckthun@formidable.com"
},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-3.1.0-speedy3.tgz_1516835263307_0.3877346571534872"
},
"directories": {}
},
"3.1.0-speedy4": {
"name": "styled-components",
"version": "3.1.0-speedy4",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.cjs.native.js",
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^3.4.0",
"stylis-rule-sheet": "^0.0.7",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^16",
"@types/react-native": "^0.50.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.1",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "^2.2.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"raf": "^3.4.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/enzymeSetup.js"],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "14.9kB" }
],
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.1.0-speedy4",
"dist": {
"shasum": "ed642974aa6ae16a863e1c487f24cac5e885245e",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.1.0-speedy4.tgz"
},
"maintainers": [
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" },
{ "email": "phil.pluckthun@formidable.com", "name": "philplckthun" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "hi@glenmaddern.com", "name": "geelen" }
],
"_npmUser": {
"name": "philplckthun",
"email": "phil.pluckthun@formidable.com"
},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-3.1.0-speedy4.tgz_1516839836784_0.9036585472058505"
},
"directories": {}
},
"3.1.0-speedy5": {
"name": "styled-components",
"version": "3.1.0-speedy5",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.cjs.native.js",
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^3.4.0",
"stylis-rule-sheet": "^0.0.7",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^16",
"@types/react-native": "^0.50.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.1",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "^2.2.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"raf": "^3.4.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/enzymeSetup.js"],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "14.9kB" }
],
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.1.0-speedy5",
"dist": {
"shasum": "478919191731faabe68d78a67dd26a3feaa05c48",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.1.0-speedy5.tgz"
},
"maintainers": [
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" },
{ "email": "phil.pluckthun@formidable.com", "name": "philplckthun" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "hi@glenmaddern.com", "name": "geelen" }
],
"_npmUser": {
"name": "philplckthun",
"email": "phil.pluckthun@formidable.com"
},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-3.1.0-speedy5.tgz_1516885691674_0.6683517170604318"
},
"directories": {}
},
"3.1.0-speedy6": {
"name": "styled-components",
"version": "3.1.0-speedy6",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.cjs.native.js",
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^3.4.0",
"stylis-rule-sheet": "^0.0.7",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^16",
"@types/react-native": "^0.50.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.1",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "^2.2.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"raf": "^3.4.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/enzymeSetup.js"],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "14.9kB" }
],
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.1.0-speedy6",
"dist": {
"shasum": "501d7cc0320563c2aa7847f862ca2183ca85bddd",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.1.0-speedy6.tgz"
},
"maintainers": [
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" },
{ "email": "phil.pluckthun@formidable.com", "name": "philplckthun" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "hi@glenmaddern.com", "name": "geelen" }
],
"_npmUser": {
"name": "philplckthun",
"email": "phil.pluckthun@formidable.com"
},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-3.1.0-speedy6.tgz_1516885881071_0.1595320098567754"
},
"directories": {}
},
"3.1.0": {
"name": "styled-components",
"version": "3.1.0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.cjs.native.js",
"browser": {
"./dist/styled-components.es.js": "./dist/styled-components.browser.es.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.es.js": "./dist/styled-components-no-parser.browser.es.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^3.4.0",
"stylis-rule-sheet": "^0.0.7",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^16",
"@types/react-native": "^0.50.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.1",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "^2.2.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"raf": "^3.4.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^3.0.0",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "14.9kB" }
],
"gitHead": "267333661e3ac1ea300feb82ab908080f4b996fb",
"_id": "styled-components@3.1.0",
"_npmVersion": "5.5.0",
"_nodeVersion": "8.4.0",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"integrity": "sha512-K4u+2hHumA+TgSADSu2VpOUHKuLyE1PD2WqZQPruuJTNgeHSe9ANE7ZsOcbR6MwqpSbxtcgxA8RjIDaRvhcERw==",
"shasum": "10a9b95b7dbc37417039944b0ec5c53552c763bc",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.1.0.tgz"
},
"maintainers": [
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" },
{ "email": "phil.pluckthun@formidable.com", "name": "philplckthun" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "hi@glenmaddern.com", "name": "geelen" }
],
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-3.1.0.tgz_1517215780634_0.049513691337779164"
},
"directories": {}
},
"3.1.1": {
"name": "styled-components",
"version": "3.1.1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.cjs.native.js",
"browser": {
"./dist/styled-components.es.js": "./dist/styled-components.browser.es.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.es.js": "./dist/styled-components-no-parser.browser.es.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^3.4.0",
"stylis-rule-sheet": "^0.0.7",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^16",
"@types/react-native": "^0.50.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.1",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "^2.2.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"raf": "^3.4.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^3.0.0",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "14.9kB" }
],
"gitHead": "56517817f8df65d92e147bcb9a2156a23c11726a",
"_id": "styled-components@3.1.1",
"_npmVersion": "5.5.0",
"_nodeVersion": "8.4.0",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"integrity": "sha512-wobweHzWETNyfLpr/inPnf8Ljj+BiRbBl6qn5+Mx1Sl9RfU93mqEsJ56GhrtBgtbcGnyXOX/4mRT5wyTsRxhdQ==",
"shasum": "7896819070b2663c6519f428017d6ca7e2a3c7cd",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.1.1.tgz"
},
"maintainers": [
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" },
{ "email": "phil.pluckthun@formidable.com", "name": "philplckthun" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "hi@glenmaddern.com", "name": "geelen" }
],
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-3.1.1.tgz_1517230912827_0.0452556733507663"
},
"directories": {}
},
"3.1.2": {
"name": "styled-components",
"version": "3.1.2",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.es.js": "./dist/styled-components.browser.es.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.es.js": "./dist/styled-components-no-parser.browser.es.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^3.4.0",
"stylis-rule-sheet": "^0.0.7",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^16",
"@types/react-native": "^0.50.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.1",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "^2.2.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"raf": "^3.4.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^3.0.0",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "14.9kB" }
],
"gitHead": "d9cfb2faab027f443468708e259e34a6c0c0d9a7",
"_id": "styled-components@3.1.2",
"_npmVersion": "5.5.0",
"_nodeVersion": "8.4.0",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"integrity": "sha512-dmxDOA3dPx2nwIXWtjBoGb9jdwBuvpSSQsZ7mbkDRXn1Z414h5fMG84COMgJQl4tOCNhoh3JnLoLVhwhN454Vw==",
"shasum": "0769655335eb6800dc5f6691425f6f7fe1801e32",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.1.2.tgz"
},
"maintainers": [
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" },
{ "email": "phil.pluckthun@formidable.com", "name": "philplckthun" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "hi@glenmaddern.com", "name": "geelen" }
],
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-3.1.2.tgz_1517232109958_0.13150071469135582"
},
"directories": {}
},
"3.1.3": {
"name": "styled-components",
"version": "3.1.3",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.es.js": "./dist/styled-components.browser.es.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.es.js": "./dist/styled-components-no-parser.browser.es.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^3.4.0",
"stylis-rule-sheet": "^0.0.7",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^16",
"@types/react-native": "^0.50.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.1",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "^2.2.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"raf": "^3.4.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^3.0.0",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "14.9kB" }
],
"gitHead": "e5c40564196954c4d443dda6d3e85ac0b015522b",
"_id": "styled-components@3.1.3",
"_npmVersion": "5.5.0",
"_nodeVersion": "8.4.0",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"integrity": "sha512-AGsftqCrz2M/oHMq6RooB8TsSKwKHLA/4YG1drm33/0OQXumUDZOlfu+YBwMiQvqLeXpYy6iMeMTWZGmLCVDUQ==",
"shasum": "dae16953fdfc694b7341c43934145c360da0accb",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.1.3.tgz"
},
"maintainers": [
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" },
{ "email": "phil.pluckthun@formidable.com", "name": "philplckthun" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "hi@glenmaddern.com", "name": "geelen" }
],
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-3.1.3.tgz_1517250346707_0.6265650147106498"
},
"directories": {}
},
"3.1.4": {
"name": "styled-components",
"version": "3.1.4",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.es.js": "./dist/styled-components.browser.es.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.es.js": "./dist/styled-components-no-parser.browser.es.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^3.4.0",
"stylis-rule-sheet": "^0.0.7",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^16",
"@types/react-native": "^0.50.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.1",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "^2.2.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"raf": "^3.4.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^3.0.0",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "15.25kB" }
],
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.1.4",
"dist": {
"shasum": "1bdc1409c9bacafee3510c573d23b73039b0d875",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.1.4.tgz"
},
"maintainers": [
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" },
{ "email": "phil.pluckthun@formidable.com", "name": "philplckthun" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "hi@glenmaddern.com", "name": "geelen" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-3.1.4.tgz_1517285742402_0.9666914374101907"
},
"directories": {}
},
"3.1.5": {
"name": "styled-components",
"version": "3.1.5",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.es.js": "./dist/styled-components.browser.es.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.es.js": "./dist/styled-components-no-parser.browser.es.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^3.4.0",
"stylis-rule-sheet": "^0.0.7",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^16",
"@types/react-native": "^0.50.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.1",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "^2.2.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"raf": "^3.4.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^3.0.0",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "15kB" }
],
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.1.5",
"dist": {
"shasum": "7aaf0a97f8c5cd49791e924887f9d8f428fb010c",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.1.5.tgz"
},
"maintainers": [
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" },
{ "email": "phil.pluckthun@formidable.com", "name": "philplckthun" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "hi@glenmaddern.com", "name": "geelen" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-3.1.5.tgz_1517471124400_0.14874017052352428"
},
"directories": {}
},
"3.1.6-0": {
"name": "styled-components",
"version": "3.1.6-0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.es.js": "./dist/styled-components.browser.es.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.es.js": "./dist/styled-components-no-parser.browser.es.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^3.4.0",
"stylis-rule-sheet": "^0.0.7",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^16",
"@types/react-native": "^0.50.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.1",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "^2.2.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"raf": "^3.4.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^3.0.0",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "15kB" }
],
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.1.6-0",
"dist": {
"shasum": "abb5ae5e7f0caf95b41401ddf8f4fa1ef74e386a",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.1.6-0.tgz"
},
"maintainers": [
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" },
{ "email": "phil.pluckthun@formidable.com", "name": "philplckthun" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "hi@glenmaddern.com", "name": "geelen" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-3.1.6-0.tgz_1517546699159_0.31308309733867645"
},
"directories": {}
},
"3.1.6-1": {
"name": "styled-components",
"version": "3.1.6-1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.es.js": "./dist/styled-components.browser.es.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.es.js": "./dist/styled-components-no-parser.browser.es.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^3.4.0",
"stylis-rule-sheet": "^0.0.7",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^16",
"@types/react-native": "^0.50.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.1",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "^2.2.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"raf": "^3.4.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^3.0.0",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "15kB" }
],
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.1.6-1",
"dist": {
"shasum": "d5faaf1496a5a26d4a5f5a1457cb96791210f381",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.1.6-1.tgz"
},
"maintainers": [
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" },
{ "email": "phil.pluckthun@formidable.com", "name": "philplckthun" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "hi@glenmaddern.com", "name": "geelen" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-3.1.6-1.tgz_1517565157302_0.14741696557030082"
},
"directories": {}
},
"3.1.6-2": {
"name": "styled-components",
"version": "3.1.6-2",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.es.js": "./dist/styled-components.browser.es.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.es.js": "./dist/styled-components-no-parser.browser.es.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^3.4.0",
"stylis-rule-sheet": "^0.0.7",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^16",
"@types/react-native": "^0.50.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.1",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "^2.2.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"raf": "^3.4.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^3.0.0",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "15kB" }
],
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.1.6-2",
"dist": {
"shasum": "c725df8302688857cb94081130db6a37bd379eb4",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.1.6-2.tgz"
},
"maintainers": [
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" },
{ "email": "phil.pluckthun@formidable.com", "name": "philplckthun" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "hi@glenmaddern.com", "name": "geelen" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-3.1.6-2.tgz_1517588361472_0.5267288621980697"
},
"directories": {}
},
"3.1.6": {
"name": "styled-components",
"version": "3.1.6",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.es.js": "./dist/styled-components.browser.es.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.es.js": "./dist/styled-components-no-parser.browser.es.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^3.4.0",
"stylis-rule-sheet": "^0.0.7",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^16",
"@types/react-native": "^0.50.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.1",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "^2.2.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"raf": "^3.4.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^3.0.0",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "15kB" }
],
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.1.6",
"dist": {
"shasum": "9c443146fa82c6659a9f64dd493bf2202480342e",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.1.6.tgz"
},
"maintainers": [
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" },
{ "email": "phil.pluckthun@formidable.com", "name": "philplckthun" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "hi@glenmaddern.com", "name": "geelen" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components-3.1.6.tgz_1517675499979_0.7030000791419297"
},
"directories": {}
},
"3.2.0-stylerefactor1": {
"name": "styled-components",
"version": "3.2.0-stylerefactor1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.es.js": "./dist/styled-components.browser.es.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.es.js": "./dist/styled-components-no-parser.browser.es.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "opencollective postinstall"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"opencollective": "^1.0.3",
"prop-types": "^15.5.4",
"stylis": "^3.4.0",
"stylis-rule-sheet": "^0.0.7",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^16",
"@types/react-native": "^0.50.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.1",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "^2.2.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"raf": "^3.4.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^3.0.0",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"https://spectrum.chat/styled-components\"><a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and ReactNative – meaning it's the perfect choice even for truly universal apps! See the [documentation about ReactNative](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.2.0-stylerefactor1",
"dist": {
"shasum": "a71e305f44860f7187b1c61173ce5d9cba98593e",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.2.0-stylerefactor1.tgz",
"fileCount": 273,
"unpackedSize": 2704405
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil.pluckthun@formidable.com", "name": "philplckthun" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": {
"name": "philplckthun",
"email": "phil.pluckthun@formidable.com"
},
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_3.2.0-stylerefactor1_1518049326593_0.49360043826959754"
},
"_hasShrinkwrap": false
},
"3.2.0-stylerefactor2": {
"name": "styled-components",
"version": "3.2.0-stylerefactor2",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.es.js": "./dist/styled-components.browser.es.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.es.js": "./dist/styled-components-no-parser.browser.es.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "opencollective postinstall"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"opencollective": "^1.0.3",
"prop-types": "^15.5.4",
"stylis": "^3.4.0",
"stylis-rule-sheet": "^0.0.7",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^16",
"@types/react-native": "^0.50.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.1",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "^2.2.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"raf": "^3.4.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^3.0.0",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"https://spectrum.chat/styled-components\"><a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and ReactNative – meaning it's the perfect choice even for truly universal apps! See the [documentation about ReactNative](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.2.0-stylerefactor2",
"dist": {
"shasum": "f8e685abaa75762aee9cba30731174fe7d20b993",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.2.0-stylerefactor2.tgz",
"fileCount": 273,
"unpackedSize": 2720219
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil.pluckthun@formidable.com", "name": "philplckthun" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": {
"name": "philplckthun",
"email": "phil.pluckthun@formidable.com"
},
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_3.2.0-stylerefactor2_1518189754283_0.42618756016136694"
},
"_hasShrinkwrap": false
},
"3.2.0-0": {
"name": "styled-components",
"version": "3.2.0-0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.es.js": "./dist/styled-components.browser.es.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.es.js": "./dist/styled-components-no-parser.browser.es.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "npm run test:web && npm run test:native && npm run test:integration && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "opencollective postinstall"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"opencollective": "^1.0.3",
"prop-types": "^15.5.4",
"stylis": "^3.4.0",
"stylis-rule-sheet": "^0.0.7",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/node": "9.4.4",
"@types/react": "^16",
"@types/react-dom": "^16",
"@types/react-native": "^0.50.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.1",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "2.2.0",
"jest-styled-components": "^4.11.0-1",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"raf": "^3.4.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^3.0.0",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"https://spectrum.chat/styled-components\"><a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and ReactNative – meaning it's the perfect choice even for truly universal apps! See the [documentation about ReactNative](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.2.0-0",
"dist": {
"shasum": "6a3472ba13bfd5bc1e57ed7a306adeefd5250b12",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.2.0-0.tgz",
"fileCount": 275,
"unpackedSize": 2774818
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil.pluckthun@formidable.com", "name": "philplckthun" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": {
"name": "philplckthun",
"email": "phil.pluckthun@formidable.com"
},
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_3.2.0-0_1518528619042_0.08108943704856086"
},
"_hasShrinkwrap": false
},
"3.2.0-1": {
"name": "styled-components",
"version": "3.2.0-1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.es.js": "./dist/styled-components.browser.es.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.es.js": "./dist/styled-components-no-parser.browser.es.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "npm run test:web && npm run test:native && npm run test:integration && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "opencollective postinstall"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"opencollective": "^1.0.3",
"prop-types": "^15.5.4",
"stylis": "^3.4.0",
"stylis-rule-sheet": "^0.0.7",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/node": "9.4.4",
"@types/react": "^16",
"@types/react-dom": "^16",
"@types/react-native": "^0.50.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.1",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "2.2.0",
"jest-styled-components": "^4.11.0-1",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"raf": "^3.4.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^3.0.0",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"https://spectrum.chat/styled-components\"><a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and ReactNative – meaning it's the perfect choice even for truly universal apps! See the [documentation about ReactNative](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.2.0-1",
"dist": {
"shasum": "001cc15eff0404f00eaa89b7ed8dbcbd11c7f910",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.2.0-1.tgz",
"fileCount": 275,
"unpackedSize": 2776170
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil.pluckthun@formidable.com", "name": "philplckthun" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": {
"name": "philplckthun",
"email": "phil.pluckthun@formidable.com"
},
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_3.2.0-1_1518640073852_0.17701895290923142"
},
"_hasShrinkwrap": false
},
"3.2.0": {
"name": "styled-components",
"version": "3.2.0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.es.js": "./dist/styled-components.browser.es.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.es.js": "./dist/styled-components-no-parser.browser.es.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "npm run test:web && npm run test:native && npm run test:integration && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "opencollective postinstall"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"opencollective": "^1.0.3",
"prop-types": "^15.5.4",
"stylis": "^3.4.10",
"stylis-rule-sheet": "^0.0.8",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/node": "9.4.4",
"@types/react": "^16",
"@types/react-dom": "^16",
"@types/react-native": "^0.50.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.3",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "2.2.0",
"jest-styled-components": "^5.0.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"raf": "^3.4.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^3.0.0",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.2.0",
"dist": {
"shasum": "5e063656783a66f6bf411153fcfe994572f3e848",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.2.0.tgz",
"fileCount": 272,
"unpackedSize": 2776302
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "philpl", "email": "phil@kitten.sh" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_3.2.0_1520265960537_0.3004893864681173"
},
"_hasShrinkwrap": false
},
"3.2.1-0": {
"name": "styled-components",
"version": "3.2.1-0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.es.js": "./dist/styled-components.browser.es.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.es.js": "./dist/styled-components-no-parser.browser.es.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "npm run test:web && npm run test:native && npm run test:integration && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "opencollective postinstall"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"opencollective": "^1.0.3",
"prop-types": "^15.5.4",
"stylis": "^3.4.10",
"stylis-rule-sheet": "^0.0.8",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/node": "9.4.4",
"@types/react": "^16",
"@types/react-dom": "^16",
"@types/react-native": "^0.50.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.3",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "2.2.0",
"jest-styled-components": "^5.0.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"raf": "^3.4.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^3.0.0",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"https://spectrum.chat/styled-components\"><a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and ReactNative – meaning it's the perfect choice even for truly universal apps! See the [documentation about ReactNative](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.2.1-0",
"dist": {
"shasum": "62ee1db16c9316dadfbcaf85468e4ed9fa646ace",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.2.1-0.tgz",
"fileCount": 274,
"unpackedSize": 2815138
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "philpl", "email": "phil@kitten.sh" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_3.2.1-0_1520344064669_0.14359130252079133"
},
"_hasShrinkwrap": false
},
"3.2.1-1": {
"name": "styled-components",
"version": "3.2.1-1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.es.js": "./dist/styled-components.browser.es.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.es.js": "./dist/styled-components-no-parser.browser.es.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "npm run test:web && npm run test:native && npm run test:integration && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "opencollective postinstall"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"opencollective": "^1.0.3",
"prop-types": "^15.5.4",
"stylis": "^3.4.10",
"stylis-rule-sheet": "^0.0.8",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/node": "9.4.4",
"@types/react": "^16",
"@types/react-dom": "^16",
"@types/react-native": "^0.50.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.3",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "2.2.0",
"jest-styled-components": "^5.0.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"raf": "^3.4.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^3.0.0",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"https://spectrum.chat/styled-components\"><a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and ReactNative – meaning it's the perfect choice even for truly universal apps! See the [documentation about ReactNative](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.2.1-1",
"dist": {
"shasum": "e197ba2c3c149cb17ac87338ea0126d650d4dd69",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.2.1-1.tgz",
"fileCount": 274,
"unpackedSize": 2733877
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "philpl", "email": "phil@kitten.sh" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_3.2.1-1_1520383769863_0.9618498971306626"
},
"_hasShrinkwrap": false
},
"3.2.1-2": {
"name": "styled-components",
"version": "3.2.1-2",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.es.js": "./dist/styled-components.browser.es.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.es.js": "./dist/styled-components-no-parser.browser.es.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "npm run test:web && npm run test:native && npm run test:integration && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "opencollective postinstall"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"opencollective": "^1.0.3",
"prop-types": "^15.5.4",
"stylis": "^3.4.10",
"stylis-rule-sheet": "^0.0.8",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/node": "9.4.4",
"@types/react": "^16",
"@types/react-dom": "^16",
"@types/react-native": "^0.50.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.3",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "2.2.0",
"jest-styled-components": "^5.0.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"raf": "^3.4.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^3.0.0",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"https://spectrum.chat/styled-components\"><a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and ReactNative – meaning it's the perfect choice even for truly universal apps! See the [documentation about ReactNative](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.2.1-2",
"dist": {
"shasum": "b76a8f37fc547dced590bc435ca763af5bab31e6",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.2.1-2.tgz",
"fileCount": 274,
"unpackedSize": 2734536
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "philpl", "email": "phil@kitten.sh" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_3.2.1-2_1520384072587_0.6641714023012837"
},
"_hasShrinkwrap": false
},
"3.2.1": {
"name": "styled-components",
"version": "3.2.1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.es.js": "./dist/styled-components.browser.es.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.es.js": "./dist/styled-components-no-parser.browser.es.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "npm run test:web && npm run test:native && npm run test:integration && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "opencollective postinstall"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"opencollective": "^1.0.3",
"prop-types": "^15.5.4",
"stylis": "^3.4.10",
"stylis-rule-sheet": "^0.0.8",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/node": "9.4.4",
"@types/react": "^16",
"@types/react-dom": "^16",
"@types/react-native": "^0.50.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.3",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "2.2.0",
"jest-styled-components": "^5.0.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"raf": "^3.4.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^3.0.0",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.2.1",
"dist": {
"shasum": "4f780c588829eb06624b686f9b793a10d04db139",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.2.1.tgz",
"fileCount": 273,
"unpackedSize": 2734656
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "philpl", "email": "phil@kitten.sh" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_3.2.1_1520426457991_0.12355132285623815"
},
"_hasShrinkwrap": false
},
"3.2.2-0": {
"name": "styled-components",
"version": "3.2.2-0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.es.js": "./dist/styled-components.browser.es.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.es.js": "./dist/styled-components-no-parser.browser.es.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "npm run test:web && npm run test:native && npm run test:integration && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "opencollective postinstall || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"opencollective": "^1.0.3",
"prop-types": "^15.5.4",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/node": "9.4.4",
"@types/react": "^16",
"@types/react-dom": "^16",
"@types/react-native": "^0.50.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.3",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "2.2.0",
"jest-styled-components": "^5.0.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"raf": "^3.4.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^3.0.0",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and ReactNative – meaning it's the perfect choice even for truly universal apps! See the [documentation about ReactNative](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.2.2-0",
"dist": {
"shasum": "730c72cf37ef1b0c5274ea4028728dc60e04d6f5",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.2.2-0.tgz",
"fileCount": 273,
"unpackedSize": 2737980
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "philpl", "email": "phil@kitten.sh" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_3.2.2-0_1520950174104_0.8335235314945713"
},
"_hasShrinkwrap": false
},
"3.2.2-1": {
"name": "styled-components",
"version": "3.2.2-1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.es.js": "./dist/styled-components.browser.es.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.es.js": "./dist/styled-components-no-parser.browser.es.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "npm run test:web && npm run test:native && npm run test:integration && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "opencollective postinstall || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"opencollective": "^1.0.3",
"prop-types": "^15.5.4",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/node": "9.4.4",
"@types/react": "^16",
"@types/react-dom": "^16",
"@types/react-native": "^0.50.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.3",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "2.2.0",
"jest-styled-components": "^5.0.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"raf": "^3.4.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^3.0.0",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and ReactNative – meaning it's the perfect choice even for truly universal apps! See the [documentation about ReactNative](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.2.2-1",
"dist": {
"shasum": "3572d6e90f1ff049289f3494fb8ec0e13faa27cf",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.2.2-1.tgz",
"fileCount": 273,
"unpackedSize": 2743153
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "philpl", "email": "phil@kitten.sh" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_3.2.2-1_1520962239392_0.8235655592568079"
},
"_hasShrinkwrap": false
},
"3.2.2": {
"name": "styled-components",
"version": "3.2.2",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.es.js": "./dist/styled-components.browser.es.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.es.js": "./dist/styled-components-no-parser.browser.es.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "npm run test:web && npm run test:native && npm run test:integration && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "opencollective postinstall || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"opencollective": "^1.0.3",
"prop-types": "^15.5.4",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/node": "9.4.4",
"@types/react": "^16",
"@types/react-dom": "^16",
"@types/react-native": "^0.50.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.3",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "2.2.0",
"jest-styled-components": "^5.0.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"raf": "^3.4.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^3.0.0",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.2.2",
"dist": {
"shasum": "3a3a49e0009a212d1fee173e3a7719a489e11299",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.2.2.tgz",
"fileCount": 271,
"unpackedSize": 2690426
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "philpl", "email": "phil@kitten.sh" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_3.2.2_1520972488914_0.2253140186380327"
},
"_hasShrinkwrap": false
},
"3.2.3-ssrmem1": {
"name": "styled-components",
"version": "3.2.3-ssrmem1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.es.js": "./dist/styled-components.browser.es.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.es.js": "./dist/styled-components-no-parser.browser.es.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "npm run test:web && npm run test:native && npm run test:integration && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "opencollective postinstall || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"opencollective": "^1.0.3",
"prop-types": "^15.5.4",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/node": "9.4.4",
"@types/react": "^16",
"@types/react-dom": "^16",
"@types/react-native": "^0.50.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.3",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "2.2.0",
"jest-styled-components": "^5.0.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"raf": "^3.4.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^3.0.0",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and ReactNative – meaning it's the perfect choice even for truly universal apps! See the [documentation about ReactNative](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.2.3-ssrmem1",
"dist": {
"shasum": "4201e788c48df891afc7ab5b17893ca37980df85",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.2.3-ssrmem1.tgz",
"fileCount": 271,
"unpackedSize": 2693502
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "philpl", "email": "phil@kitten.sh" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_3.2.3-ssrmem1_1521044929457_0.3916001338841253"
},
"_hasShrinkwrap": false
},
"3.2.3": {
"name": "styled-components",
"version": "3.2.3",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.es.js": "./dist/styled-components.browser.es.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.es.js": "./dist/styled-components-no-parser.browser.es.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "npm run test:web && npm run test:native && npm run test:integration && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "opencollective postinstall || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"opencollective": "^1.0.3",
"prop-types": "^15.5.4",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/node": "9.4.4",
"@types/react": "^16",
"@types/react-dom": "^16",
"@types/react-native": "^0.50.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.3",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "2.2.0",
"jest-styled-components": "^5.0.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"raf": "^3.4.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^3.0.0",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.2.3",
"dist": {
"shasum": "50f71207320eeb1ef539dec4637f21f5e3c936b4",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.2.3.tgz",
"fileCount": 271,
"unpackedSize": 2694156
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "philpl", "email": "phil@kitten.sh" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_3.2.3_1521069479845_0.6719192520573436"
},
"_hasShrinkwrap": false
},
"3.2.4": {
"name": "styled-components",
"version": "3.2.4",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.es.js": "./dist/styled-components.browser.es.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.es.js": "./dist/styled-components-no-parser.browser.es.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.16",
"hoist-non-react-statics": "^2.5.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/node": "9.4.4",
"@types/react": "^16",
"@types/react-dom": "^16",
"@types/react-native": "^0.50.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.3",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "2.2.0",
"jest-styled-components": "^5.0.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"npm-run-all": "^4.1.2",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"raf": "^3.4.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^3.0.0",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.2.4",
"dist": {
"shasum": "81c29cc67adfb451a0b0e53f9e5b0001173cc74b",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.2.4.tgz",
"fileCount": 272,
"unpackedSize": 2698869
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "philpl", "email": "phil@kitten.sh" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_3.2.4_1522421784872_0.2731673916126738"
},
"_hasShrinkwrap": false
},
"3.2.5": {
"name": "styled-components",
"version": "3.2.5",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.es.js": "./dist/styled-components.browser.es.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.es.js": "./dist/styled-components-no-parser.browser.es.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"scripts",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.16",
"hoist-non-react-statics": "^2.5.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/node": "9.4.4",
"@types/react": "^16",
"@types/react-dom": "^16",
"@types/react-native": "^0.50.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.3",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "2.2.0",
"jest-styled-components": "^5.0.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"npm-run-all": "^4.1.2",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"raf": "^3.4.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^3.0.0",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.2.5",
"dist": {
"shasum": "b5d5d7d618ab240ff10602b5ca5886b8db3d0a0d",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.2.5.tgz",
"fileCount": 274,
"unpackedSize": 2699172
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "philpl", "email": "phil@kitten.sh" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_3.2.5_1522426951551_0.6392117140822209"
},
"_hasShrinkwrap": false
},
"3.2.6": {
"name": "styled-components",
"version": "3.2.6",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.es.js": "./dist/styled-components.browser.es.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.es.js": "./dist/styled-components-no-parser.browser.es.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"CODE_OF_CONDUCT.md",
"CONTRIBUTING.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"no-parser",
"primitives",
"scripts",
"src",
"test-utils",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.16",
"hoist-non-react-statics": "^2.5.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/node": "9.6.4",
"@types/react": "^16",
"@types/react-dom": "^16",
"@types/react-native": "^0.50.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.3",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "2.2.0",
"jest-styled-components": "^5.0.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"npm-run-all": "^4.1.2",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"raf": "^3.4.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-frame-component": "^2.0.2",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^3.0.0",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "16kB" },
{
"path": "./dist/styled-components.cjs.min.js",
"threshold": "11.5kB"
},
{ "path": "./dist/styled-components.es.min.js", "threshold": "11.5kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.2.6",
"dist": {
"shasum": "99e6e75a746bdedd295a17e03dd1493055a1cc3b",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.2.6.tgz",
"fileCount": 286,
"unpackedSize": 3006507,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa1XqmCRA9TVsSAnZWagAAIUYQAIxjyWl+ns4HwznGrZq6\nW94Smi+YlZLi78gA+Rn97xgX2a7jMQubCpUbcwxk7ubpxuEM3o3q77VfCLwu\nUGsG8fTJ5CB0CWBDj53fvreaWdf1y1c00E9ZFjygl17rnV+HIPC5YJLeA1oM\nIwGdZCv85flW+vyMpLzvx0aCu5syuMQC/byhleLoZDKdQB7QO1xA0u355Q3N\nD+V1ioViTVPd4iivq8rx/5wBRlPLn1OFax+I6XL70CDFkIR761nFNCVzvlVf\nPPDKF0rIMNTE9BDaQQEw4DBS/d0ZtP3Fgcau2jbKQocDBrXezUqDmLjhTq2F\na6jqW3jsUd4/boH/zkdug0GSCr8yiwvrFWWHql2ISJzXcnmxgrpr9RjfN54z\nLubUv0bNFFs45q3Cph1wQKUtIjJjLkgOf9lVVU6ndXM8qqxQSA0W9v3N5SVA\n8NYiH89FAwtsVlj0zzNTeEtvrs2HKq5KwRrAzg6g09o304FSo3mYY+MzWcl1\njrfAgRNVds72eRS+ymC8KdPFPFLQbjq95hwb5rJGC6LZ8IhpvP67rK5yOt+D\nDd/5zuS3URR56L0QtOsyiLZkWxEw3czKWWJfq+TW6JNkoRJpa4OdZga5n850\n/tldU5wSqVbzczqJCuJXzdlaVI5TDSuq49uTdQF9VMZUQ20QXITj9idhQuMW\nphoo\r\n=8TKL\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_3.2.6_1523940004313_0.003923258523120143"
},
"_hasShrinkwrap": false
},
"3.3.0": {
"name": "styled-components",
"version": "3.3.0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.es.js": "./dist/styled-components.browser.es.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.es.js": "./dist/styled-components-no-parser.browser.es.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger run -- --verbose",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"CODE_OF_CONDUCT.md",
"CONTRIBUTING.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"no-parser",
"primitives",
"scripts",
"src",
"test-utils",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.16",
"hoist-non-react-statics": "^2.5.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/node": "9.6.4",
"@types/react": "^16.3.12",
"@types/react-dom": "^16.0.5",
"@types/react-native": "^0.55.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"cross-env": "^5.1.3",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.4.0",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^20.0.4",
"jest-image-snapshot": "2.2.0",
"jest-styled-components": "^5.0.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"npm-run-all": "^4.1.2",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.0.0",
"react-frame-component": "^2.0.2",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^3.0.0",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "16kB" },
{
"path": "./dist/styled-components.cjs.min.js",
"threshold": "11.5kB"
},
{ "path": "./dist/styled-components.es.min.js", "threshold": "11.5kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.3.0",
"dist": {
"shasum": "335b1b2b673b416cd5ec012010e237ed1f877fe9",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.3.0.tgz",
"fileCount": 286,
"unpackedSize": 3009718,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbB5pJCRA9TVsSAnZWagAAGogP/A9hORecDJ76zJhFsa8f\ns4/3Ify/XUxzsUf+H0JPqzUTb98ggWKBSzc3pJpFKs1376GPlKwHt9Msqbsg\nZHx+OSzOWJ3h9+Hz5iEJnyOPXrLzTyLYKFlYfiT0IDBDaKpKndJ/vVeoAWkb\nbqT46HtcKoiGxwb1q+Fx2usoeFpk6RmiD42bhd62LsYF00Dn8r8au7sq51s9\nApuku8o8XMbAz6KMIlUkrbXx0rSNpDXBya357XKbJXSJbLC2UoZNG+gkkbMY\nh7+WulZ4FX/exm0PHZCsCFVRr2SqLlkqtGIAfCmA9b1RO+sqCmhuZPvzlsxR\nmuYts5B/hiVEPZBVNRCKK/ZwZN0mz4omzBJAL63sYgWL4fVYAJG0rq3iu9OY\nIaICHJKD6p1IY1CTxyMXhJahe+qFY0FkkZKYf7TFdcEIg8ODf9djPVXNy8Ww\ngvzMZsqltPv6i7psavqjFtSxG3ggxlsyME3pD5hFhyT7E/jkHsAz1e6BoIYG\n5bGIr7r8R48v3XggOysac0FqWI25viXVJuykpqm91Te561e+DSfmo36ryNkV\nN40Ars8fLu3JGwore0LKqqUzaDG0JUKQLvf5hGWtRzkJT01dvAbP4WtRe1j1\nMLvngZU3zLEQs2k0km6MgO2dn6vcDIbJfrGYqZEabclHbyv3qigqHfmPnVX5\nuh2D\r\n=DLy2\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_3.3.0_1527224903421_0.3545793515128026"
},
"_hasShrinkwrap": false
},
"3.3.1": {
"name": "styled-components",
"version": "3.3.1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.es.js": "./dist/styled-components.browser.es.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.es.js": "./dist/styled-components-no-parser.browser.es.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"CODE_OF_CONDUCT.md",
"CONTRIBUTING.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"no-parser",
"primitives",
"scripts",
"src",
"test-utils",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.16",
"hoist-non-react-statics": "^2.5.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/node": "9.6.4",
"@types/react": "^16.3.12",
"@types/react-dom": "^16.0.5",
"@types/react-native": "^0.55.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"chokidar": "^1.6.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.73.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^5.0.1",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"npm-run-all": "^4.1.2",
"prettier": "1.9.2",
"puppeteer": "^1.4.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.0.0",
"react-frame-component": "^2.0.2",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^3.0.0",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" },
{ "path": "./dist/styled-components.cjs.min.js", "maxSize": "11.5kB" },
{ "path": "./dist/styled-components.es.min.js", "maxSize": "11.5kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.3.1",
"dist": {
"shasum": "64ac9c110669123ee133c1d3c1c942b2d119ac30",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.3.1.tgz",
"fileCount": 287,
"unpackedSize": 2988780,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbDuyMCRA9TVsSAnZWagAACFMP/RXGLCn3h41507/VvQeh\nS4POKO4cmJwNq6FnQdejP+PYDvbqwcEW4XlfOsFarSswYLR4Teo5+7JPRdw3\nEZ1Gg+9UZDz/gz4kAdHzHB+Z5JCwH72z6TUBCTQgYNhi0fdlOr2e7urrA67y\nPsemMUfcyPsLh3LR8u5q2A4hSX7Tu0EPdgIQX0so56QVuYDI3PPMe4zd2YYz\niXnDSb7WAxYl93zpHnrOffUbFCWXIR3JU+fsyuSeOy2bVYtlIJBHXHhOuG0Q\nLMd1REXdQZsxuchtlBe0y8+sHu5oU5uyzFKt6RuPBeGr3zWFK1kX6wwJTMJv\n3FooPpbZk5uRnDjx6BdZQDnLxkgsBFQ0BBEj5U2h5PXufbLWv6/X0Z8b8fuL\noGcUbH2jfzm9m2iaXD3ku7ifjTTRXaDI/FrLBaNBHRyoZNNpH0M/3D6Qyb4N\nsZ45Z8S0aARMCjIqVBHq2zkpFMb3P/tj1Hib+Bc43LfQcTF/IDf/XzKGDbfG\n+p+F3qARXhuUxvTT7CLosof1zi3OAz/VytzYq1qJgARBZZa3PghTWw6kLxsU\nkwPGJUKTJMljT9MniilL3dQGBr8maPMeSoNDns7x94dL9jYEOOh2ExtWhgxR\nmHBLg2hKWqItEEos4HY8GGJa9BZRQNBE8iOw9WDKSoBqn2FrILGeRZ/gyp5v\nir52\r\n=VS09\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_3.3.1_1527704715547_0.9806926502410547"
},
"_hasShrinkwrap": false
},
"2.4.1": {
"name": "styled-components",
"version": "2.4.1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "lib/index.js",
"typings": "typings/styled-components.d.ts",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"scripts": {
"build": "npm run build:lib && npm run build:dist",
"prebuild:lib": "rimraf lib/*",
"build:lib": "babel --out-dir lib --ignore \"*.test.js\" src",
"prebuild:dist": "rimraf dist/*",
"build:dist": "rollup -c && rollup -c --environment ESBUNDLE && rollup -c --environment PRODUCTION",
"build:watch": "npm run build:lib -- --watch",
"test": "npm run test:web && npm run test:native && npm run test:size",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --forceExit",
"test:size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"prepublish": "npm run build",
"lint-staged": "lint-staged",
"dev": "babel-node example/startServer.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"no-parser.js",
"CONTRIBUTING.md",
"CODE_OF_CONDUCT.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"primitives",
"src",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.9",
"hoist-non-react-statics": "^1.2.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"stylis": "^3.4.0",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/react": "^15.0.37",
"@types/react-dom": "^15.5.1",
"@types/react-native": "^0.46.0",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^7.1.1",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.1",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.13.2",
"chokidar": "^1.6.0",
"danger": "^2.0.0",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^2.8.2",
"eslint": "^3.15.0",
"eslint-config-airbnb": "^13.0.0",
"eslint-import-resolver-webpack": "^0.8.3",
"eslint-plugin-flowtype": "^2.30.0",
"eslint-plugin-flowtype-errors": "^2.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.0.2",
"eslint-plugin-prettier": "^2.3.1",
"eslint-plugin-react": "^6.8.0",
"express": "^4.14.1",
"flow-bin": "^0.47.0",
"flow-watch": "^1.1.1",
"jest": "^20.0.4",
"jest-image-snapshot": "^2.2.0",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"pre-commit": "^1.2.2",
"prettier": "1.9.2",
"puppeteer": "^0.13.0",
"react": "^15.5.4",
"react-dom": "^15.5.4",
"react-native": "^0.39.2",
"react-primitives": "^0.4.2",
"react-test-renderer": "^15.6.1",
"rimraf": "^2.6.1",
"rollup": "0.43.0",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-inject": "^2.0.0",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-uglify": "^1.0.1",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"pre-commit": "lint-staged",
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "threshold": "14.5kB" }
],
"licenseText": "MIT License\n\nCopyright (c) 2016 Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@2.4.1",
"dist": {
"shasum": "663bd0485d4b6ab46f946210dc03d2398d1ade74",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-2.4.1.tgz",
"fileCount": 314,
"unpackedSize": 1372804,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbEhiXCRA9TVsSAnZWagAAC3IQAJzf5s2zkMhztIF1vk5v\n85B/vS9BEpDGWbah7qAz0Es821H28pum4iu1hrrVsPIFaFz8RTTuYPPD4GSl\nWdNFFgXbTVfzOGDKuSV0gBujrITNFnPUWb2jHkpDSvkFUogsgdSKC44kT33G\nX123CeOwxhDRSHRQ2Rt++lljoBE4/YN81uOwmyyBjyjBh/Nbt1bdInbmqb4W\nIVr1Yse1bSEgrTV48GIC6Qpt5XUtt0VoAVzi32Ggyb6eKjdn/dC4MJTKsTTW\nNl4Y2K7yfKtHwfsWFt7HusZxzS3NlB9llkrF09onFwGLuD55JGmbymveFdMJ\nBep5rJm5FmBxRqC4h+oULStvJp61LVDbQe0FG49IATm3GRdAR5Ekb1ndwwQc\nDq2VdgK7Cq1IHUh+4kbYAv190m8qn/lPERJdV5vPaObWveFVDYPLc/Ubp2CQ\nyKEvSIEOTQUuW8WhbX2vDjjfkfVC8YAn72ocp+JMGMrLI10ZUWsbe51DTjU3\n+eHSDqy3v4gv9PydAzT1u/bLuXXrqppzryV14QS2ar81oHl6skMHSa/45K5o\ntY6rYmgpwLQ96F9RxihYoB/pl5u2w8QMABiasLt6KOqnlVks2B2O4N4ErdqI\nhc50zagar9kRpWux44KkKUQxsycys4frcysPVXTFnwN6Tjoq+9aF3Lp8Gobr\nPBps\r\n=rxrZ\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_2.4.1_1527912598046_0.9461188737627304"
},
"_hasShrinkwrap": false
},
"3.3.1-beta.0": {
"name": "styled-components",
"version": "3.3.1-beta.0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.es.js": "./dist/styled-components.browser.es.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.es.js": "./dist/styled-components-no-parser.browser.es.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"CODE_OF_CONDUCT.md",
"CONTRIBUTING.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"no-parser",
"primitives",
"scripts",
"src",
"test-utils",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.16",
"hoist-non-react-statics": "^2.5.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/node": "9.6.4",
"@types/react": "^16.3.12",
"@types/react-dom": "^16.0.5",
"@types/react-native": "^0.55.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"chokidar": "^1.6.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.73.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^5.0.1",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"npm-run-all": "^4.1.2",
"prettier": "1.9.2",
"puppeteer": "^1.4.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.0.0",
"react-frame-component": "^2.0.2",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^3.0.0",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" },
{ "path": "./dist/styled-components.cjs.min.js", "maxSize": "11.5kB" },
{ "path": "./dist/styled-components.es.min.js", "maxSize": "11.5kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.3.1-beta.0",
"dist": {
"shasum": "dfe6aeccdf40edafa4d1d910226727a23d7e4112",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.3.1-beta.0.tgz",
"fileCount": 369,
"unpackedSize": 3291624,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbEtHYCRA9TVsSAnZWagAAYk8P/1whKEjqrd26n9kTgBeZ\nP4KQ4atl7xUs21ShfvXerDJKTqllai2U6hTdFuxVgJswiTJgxKLfo2Dm7xQB\n/y0GUd0QzwZviST6JJV9PVcMFMh0G7iwxWiVgZipDdOywHbpUou8/WmJ8hMC\n5+kD7CJFdTg9QhLQspt4OhrVyF7RuyG3/TdSZdI27QyNXxGC69yfLm0Q8YeE\nGIh6hLz3TY1UFboevLVyPePo0wmTAdkWz7T/oIRrryP9nem1OVMp0VIqJkyN\n+si5bE3lV5ZaiR1t7vg2gR/4qhhVoAMwqunqSlX5XMYCoAeztmqAh59JNyow\nYUHEIBBDBoBS/4A8P553udC7KvApIbCAHgzcTFHGEw+Q3/nxq95RT8dQeteD\nYOdSPvRdGgFRwBAIxAaCY7sOPYL5CHwJnaucr6sXLtguKhB5GxTV4iUoqbn7\ndW9+hsZAQWnvhpij+2ILeSsS9QcycmckAbFbL04s3x9maGb3rGzTJQIaOxc+\nWxOW6aE9W/nPsRQ8i+9/ns3N8ef1tlXlWpVZrNpHjc0CqUMWlUxvnMfB484E\njUmFUV32pUfYUDE0yKylWSXAbfO9wvrmDmDkzbAScgx8J6Nt7+PDuC6Q/KUT\nwTG3/9ZPCuYHTuWvYK+SEn0bjEwghfWmQHGrlcrnt9s7bE+azbBHQq5ZOtW+\nKmih\r\n=6CXe\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_3.3.1-beta.0_1527960023088_0.5816647385297309"
},
"_hasShrinkwrap": false
},
"3.3.2": {
"name": "styled-components",
"version": "3.3.2",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.es.js": "./dist/styled-components.browser.es.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.es.js": "./dist/styled-components-no-parser.browser.es.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"CODE_OF_CONDUCT.md",
"CONTRIBUTING.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"no-parser",
"primitives",
"scripts",
"src",
"test-utils",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.16",
"hoist-non-react-statics": "^2.5.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/node": "9.6.4",
"@types/react": "^16.3.12",
"@types/react-dom": "^16.0.5",
"@types/react-native": "^0.55.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"chokidar": "^1.6.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.73.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^5.0.1",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"npm-run-all": "^4.1.2",
"prettier": "1.9.2",
"puppeteer": "^1.4.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.0.0",
"react-frame-component": "^2.0.2",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^3.0.0",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16.5kB" },
{ "path": "./dist/styled-components.cjs.min.js", "maxSize": "11.5kB" },
{ "path": "./dist/styled-components.es.min.js", "maxSize": "11.5kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.3.2",
"dist": {
"shasum": "087b96830ee3d60d9a8b5ef17c132b4f29cc71df",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.3.2.tgz",
"fileCount": 370,
"unpackedSize": 3306201,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbFNLgCRA9TVsSAnZWagAAKhAP/3W0ChvteCtDvbcmcbh1\n7mjJPpvagBRiwWsBsuVw/3ch97EnX7qYfksWtjz9ru+b/dNlZ8E8vsd6ma55\nhBShSoPNCu/CLdsEsv3pPt62Yj8vPpKV56DFLs6vGpEzVl2H+lcryu2eYRaV\napuX92fUQ/5Jxl+0cGXHZlSQ4xAhnxE7RB9pu6PUGFvCaZUjR68qJi0aU8Mq\n24eb9ZaeWfsk1hAFPR4iJUJ0RllgjtTKsvaiHKX0OiVZ0387YLL8yqJZdAmF\noQ4DotvlLI0i+NL/Cd4p43Piqudb3TYauYkkimlszGEsHCZpf91AIL1GNzdD\ntV3LUg6QQR/X4px9OAAFAVATFuizsjtEVF8X6m2GlOKiHzbfLMblrRzQpN03\nadJGEDcYiipIwlV1WU9FJTCDchlJ972JG5dD2Pc0cYvHS1hvOuDwKMGrIp0b\nPl8oObpxHOtj8JmgAQAlN9uF1id6fMWUkBD49WlfXsWb31v/Aj2Ev/r6SU9x\nxay+LTdq/U7V60fsXl1R4eCFk87Vyq7M7zf0GCSRIr6JFvtPXkUk5kBzSetM\nR2L+QUp2J/tJOAZxSnBLXGt7PCQxqi9K5MuYdqQ7BUbWPC28+s2OuoSMfSVX\nP4f9yHlTcbDBDELskMtKCLSW/ireB30a6FVqOi9Gj4sISJrDegbDlg0SilAX\njHVZ\r\n=dYnK\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_3.3.2_1528091358807_0.03863803592713766"
},
"_hasShrinkwrap": false
},
"3.3.3-1": {
"name": "styled-components",
"version": "3.3.3-1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.es.js": "./dist/styled-components.browser.es.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.es.js": "./dist/styled-components-no-parser.browser.es.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"CODE_OF_CONDUCT.md",
"CONTRIBUTING.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"no-parser",
"primitives",
"scripts",
"src",
"test-utils",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.16",
"hoist-non-react-statics": "^2.5.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/node": "9.6.4",
"@types/react": "^16.3.12",
"@types/react-dom": "^16.0.5",
"@types/react-native": "^0.55.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"chokidar": "^1.6.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.73.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^5.0.1",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"npm-run-all": "^4.1.2",
"prettier": "1.9.2",
"puppeteer": "^1.4.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.0.0",
"react-frame-component": "^2.0.2",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^3.0.0",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16.5kB" },
{ "path": "./dist/styled-components.cjs.min.js", "maxSize": "11.5kB" },
{ "path": "./dist/styled-components.es.min.js", "maxSize": "11.5kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.3.3-1",
"dist": {
"shasum": "8ce5f157a699e1d7d4120a2c9139d5ac04691bf2",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.3.3-1.tgz",
"fileCount": 370,
"unpackedSize": 3337949
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_3.3.3-1_1529425335063_0.168107750277118"
},
"_hasShrinkwrap": false
},
"3.3.3-2": {
"name": "styled-components",
"version": "3.3.3-2",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.es.js": "./dist/styled-components.browser.es.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.es.js": "./dist/styled-components-no-parser.browser.es.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"CODE_OF_CONDUCT.md",
"CONTRIBUTING.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"no-parser",
"primitives",
"scripts",
"src",
"test-utils",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.16",
"hoist-non-react-statics": "^2.5.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/node": "9.6.4",
"@types/react": "^16.3.12",
"@types/react-dom": "^16.0.5",
"@types/react-native": "^0.55.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"chokidar": "^1.6.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.73.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^5.0.1",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"npm-run-all": "^4.1.2",
"prettier": "1.9.2",
"puppeteer": "^1.4.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.0.0",
"react-frame-component": "^2.0.2",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^3.0.0",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16.5kB" },
{ "path": "./dist/styled-components.cjs.min.js", "maxSize": "11.5kB" },
{ "path": "./dist/styled-components.es.min.js", "maxSize": "11.5kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.3.3-2",
"dist": {
"shasum": "011438376fce8bf3496bbb6d20dcc8c9c8f44aef",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.3.3-2.tgz",
"fileCount": 371,
"unpackedSize": 3343355
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_3.3.3-2_1529514731441_0.3848675746612211"
},
"_hasShrinkwrap": false
},
"3.3.3-3": {
"name": "styled-components",
"version": "3.3.3-3",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.es.js": "./dist/styled-components.browser.es.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.es.js": "./dist/styled-components-no-parser.browser.es.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"CODE_OF_CONDUCT.md",
"CONTRIBUTING.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"no-parser",
"primitives",
"scripts",
"src",
"test-utils",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.16",
"hoist-non-react-statics": "^2.5.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/node": "9.6.4",
"@types/react": "^16.3.12",
"@types/react-dom": "^16.0.5",
"@types/react-native": "^0.55.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"chokidar": "^1.6.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.73.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^5.0.1",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"npm-run-all": "^4.1.2",
"prettier": "1.9.2",
"puppeteer": "^1.4.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.0.0",
"react-frame-component": "^2.0.2",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^3.0.0",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16.5kB" },
{ "path": "./dist/styled-components.cjs.min.js", "maxSize": "11.5kB" },
{ "path": "./dist/styled-components.es.min.js", "maxSize": "11.5kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.3.3-3",
"dist": {
"shasum": "9673bd62af22539069aa8bbdf08ca7e0ae823e4f",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.3.3-3.tgz",
"fileCount": 371,
"unpackedSize": 3344986
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_3.3.3-3_1529516321822_0.035517608773655285"
},
"_hasShrinkwrap": false
},
"3.3.3": {
"name": "styled-components",
"version": "3.3.3",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.es.js",
"module": "dist/styled-components.es.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.es.js": "./dist/styled-components.browser.es.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.es.js": "./dist/styled-components-no-parser.browser.es.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"CODE_OF_CONDUCT.md",
"CONTRIBUTING.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"no-parser",
"primitives",
"scripts",
"src",
"test-utils",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.16",
"hoist-non-react-statics": "^2.5.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/node": "9.6.4",
"@types/react": "^16.3.12",
"@types/react-dom": "^16.0.5",
"@types/react-native": "^0.55.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"chokidar": "^1.6.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.73.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^5.0.1",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"npm-run-all": "^4.1.2",
"prettier": "1.9.2",
"puppeteer": "^1.4.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.0.0",
"react-frame-component": "^2.0.2",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.52.2",
"rollup-plugin-babel": "^2.7.1",
"rollup-plugin-commonjs": "^6.0.0",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^2.1.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-uglify": "^3.0.0",
"rollup-plugin-visualizer": "^0.1.5",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16.5kB" },
{ "path": "./dist/styled-components.cjs.min.js", "maxSize": "11.5kB" },
{ "path": "./dist/styled-components.es.min.js", "maxSize": "11.5kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.3.3",
"dist": {
"shasum": "09e702055ab11f7a8eab8229b1c0d0b855095686",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.3.3.tgz",
"fileCount": 371,
"unpackedSize": 3342175
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_3.3.3_1529519962680_0.10965910775517518"
},
"_hasShrinkwrap": false
},
"3.4.0-0": {
"name": "styled-components",
"version": "3.4.0-0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.esm.js": "./dist/styled-components-no-parser.browser.esm.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"CODE_OF_CONDUCT.md",
"CONTRIBUTING.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"no-parser",
"primitives",
"scripts",
"src",
"test-utils",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.16",
"hoist-non-react-statics": "^2.5.0",
"is-plain-object": "^2.0.1",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/node": "9.6.4",
"@types/react": "^16.3.12",
"@types/react-dom": "^16.0.5",
"@types/react-native": "^0.55.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"chokidar": "^1.6.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.73.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^5.0.1",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"npm-run-all": "^4.1.2",
"prettier": "1.9.2",
"puppeteer": "^1.4.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.0.0",
"react-frame-component": "^2.0.2",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.61.1",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.3",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^3.0.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^1.0.1",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16.5kB" },
{ "path": "./dist/styled-components.cjs.min.js", "maxSize": "11.5kB" },
{ "path": "./dist/styled-components.esm.min.js", "maxSize": "11.5kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.4.0-0",
"dist": {
"shasum": "eea6e9b84ed3c0dc8e1d8105b083288d3a908ac0",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.4.0-0.tgz",
"fileCount": 371,
"unpackedSize": 3329149
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_3.4.0-0_1530382694438_0.59671875104194"
},
"_hasShrinkwrap": false
},
"3.4.0-4": {
"name": "styled-components",
"version": "3.4.0-4",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.esm.js": "./dist/styled-components-no-parser.browser.esm.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"CODE_OF_CONDUCT.md",
"CONTRIBUTING.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"no-parser",
"primitives",
"scripts",
"src",
"test-utils",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.16",
"hoist-non-react-statics": "^2.5.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/node": "9.6.4",
"@types/react": "^16.3.12",
"@types/react-dom": "^16.0.5",
"@types/react-native": "^0.55.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"chokidar": "^1.6.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.73.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^5.0.1",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"npm-run-all": "^4.1.2",
"prettier": "1.9.2",
"puppeteer": "^1.5.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.0.0",
"react-frame-component": "^2.0.2",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.61.1",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.3",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^3.0.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^1.0.1",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16.5kB" },
{ "path": "./dist/styled-components.cjs.min.js", "maxSize": "11.5kB" },
{ "path": "./dist/styled-components.esm.min.js", "maxSize": "11.5kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.4.0-4",
"dist": {
"shasum": "243ad26cec8f417a7ee38aa07579005fec70c7cb",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.4.0-4.tgz",
"fileCount": 379,
"unpackedSize": 3285776
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_3.4.0-4_1531371779802_0.28536869502469764"
},
"_hasShrinkwrap": false
},
"3.4.0": {
"name": "styled-components",
"version": "3.4.0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.esm.js": "./dist/styled-components-no-parser.browser.esm.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"CODE_OF_CONDUCT.md",
"CONTRIBUTING.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"no-parser",
"primitives",
"scripts",
"src",
"test-utils",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.16",
"hoist-non-react-statics": "^2.5.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/node": "9.6.4",
"@types/react": "^16.3.12",
"@types/react-dom": "^16.0.5",
"@types/react-native": "^0.55.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"chokidar": "^1.6.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.73.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^5.0.1",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"npm-run-all": "^4.1.2",
"prettier": "1.9.2",
"puppeteer": "^1.5.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.0.0",
"react-frame-component": "^2.0.2",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.61.1",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.3",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-ignore": "^1.0.3",
"rollup-plugin-json": "^3.0.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^1.0.1",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16.5kB" },
{ "path": "./dist/styled-components.cjs.min.js", "maxSize": "11.5kB" },
{ "path": "./dist/styled-components.esm.min.js", "maxSize": "11.5kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.4.0",
"dist": {
"shasum": "d256fb4667e6c115a7ed61ab78f120283b43dd00",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.4.0.tgz",
"fileCount": 380,
"unpackedSize": 3286071
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_3.4.0_1533240677355_0.38384186200418635"
},
"_hasShrinkwrap": false
},
"3.4.1": {
"name": "styled-components",
"version": "3.4.1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.esm.js": "./dist/styled-components-no-parser.browser.esm.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"CODE_OF_CONDUCT.md",
"CONTRIBUTING.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"no-parser",
"primitives",
"scripts",
"src",
"test-utils",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.16",
"hoist-non-react-statics": "^2.5.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/node": "9.6.4",
"@types/react": "^16.3.12",
"@types/react-dom": "^16.0.5",
"@types/react-native": "^0.55.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-preval": "^3.0.0",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"chokidar": "^1.6.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.73.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^5.0.1",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"npm-run-all": "^4.1.2",
"prettier": "1.9.2",
"puppeteer": "^1.5.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.0.0",
"react-frame-component": "^2.0.2",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.61.1",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.3",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.0.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^1.0.1",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16.5kB" },
{ "path": "./dist/styled-components.cjs.min.js", "maxSize": "11.5kB" },
{ "path": "./dist/styled-components.esm.min.js", "maxSize": "11.5kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.4.1",
"dist": {
"shasum": "a550783bba3a5bb9a41bf10d0e993c47d19a9125",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.4.1.tgz",
"integrity": "sha512-MvQuniHicAzeugj5A5c+cwTseVb9fGEvKesyIRNmJtv/rfgMt5PvMJBMU9ChHne7e7nZ4MIm6QFDT4QBNujVgg==",
"fileCount": 384,
"unpackedSize": 3299084,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbZmwsCRA9TVsSAnZWagAAMGIP/2SdoaQyve/Dahl/KOMv\ntVu22UD+8yqgSq0tFoG7c7Gd0ifQWMBmB46WMqUD7SXqgixkJulhNjEJ4PxK\nO0oc3xchIx81r30OfZMI0yMUHXvWrd1OYeeoOhTBi63RDL1/HljB1GNPQ8Gj\nWeJifvkw2O4+C/AbVvq2u7uybIfu54CcMb+diaNAFXOrhxiOIdC4nMAO/Ha3\nvwpRZhS6HLZhrG9QV1IliJnYvgGfW35uLmec6zmQnilQfFKG1RiMb3vIwV1i\nmh+6AqqIQ6FRO9oeKaG8LLWRiiCIXjzVbcg16uXte2eqo6m3ZXrMprs9x1PM\nM2WjF91KjKWP7jRWKRAAdMJqQzQwJEelJ1RkyU7Cv+QMiotH07oBWeufeV2A\nMhtwYBYJvo0Gj+lQMWY6qdPnYEkw32+kWOYndYUNL+TlNUmMvbMFfc4dDdbA\nIkTdLfKEDlFatT1De5xgQLeFBWgYcEYLcf7dhezE9zDHFSc7QVJeYFUw0/Ka\nnrMwEjbVnBqYqFFlF38clnI7RAw9ZNPimp7eDLjCStvE8WaeWhkBKhYcyFvI\nGbxvrTPNuQhlSd0IMBBn7IsTWqOzB/9TJKVEgjMVq0ctZDR3M8Yjh+AUqtzC\nJOc9/gYhkHTrA58Q2KcbiWWvy0vlMnSPFTa/mydfmOQZKa2osqApylFJ4bqU\ndoC7\r\n=GEqK\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_3.4.1_1533439019832_0.8150242527585252"
},
"_hasShrinkwrap": false
},
"3.4.2": {
"name": "styled-components",
"version": "3.4.2",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.esm.js": "./dist/styled-components-no-parser.browser.esm.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"CODE_OF_CONDUCT.md",
"CONTRIBUTING.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"no-parser",
"primitives",
"scripts",
"src",
"test-utils",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.16",
"hoist-non-react-statics": "^2.5.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/node": "9.6.4",
"@types/react": "^16.3.12",
"@types/react-dom": "^16.0.5",
"@types/react-native": "^0.55.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-preval": "^3.0.0",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"chokidar": "^1.6.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.73.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^5.0.1",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"npm-run-all": "^4.1.2",
"prettier": "1.9.2",
"puppeteer": "^1.5.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.0.0",
"react-frame-component": "^2.0.2",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.61.1",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.3",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.0.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^1.0.1",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16.5kB" },
{ "path": "./dist/styled-components.cjs.min.js", "maxSize": "11.5kB" },
{ "path": "./dist/styled-components.esm.min.js", "maxSize": "11.5kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.4.2",
"dist": {
"shasum": "8f518419932327e47fe9144824e3184b3e2da95d",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.4.2.tgz",
"integrity": "sha512-eTmIiWstyDLccHZAyp+aCPirlkTvYiHlYGgWQxOYDv8Ko0o6mfnDo0+DnUnKinO8NzAfQXEDP7Bh0qlazwJgrw==",
"fileCount": 384,
"unpackedSize": 3304218,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbafpWCRA9TVsSAnZWagAAEIIP/28WIdsaCinEoE4YSSrs\n5XbLx1kI76V7TqXLdXvKqMzktyy4noKNYPoJOjgsG5xsqxfXYDafCeNA57uM\nFipSv5047Ky86s7t+JL6zOtTqeMBUkliXCtCPgI2C+QQsZYd4VQhxHHXpCga\nNNtSKDGxQ78rcxu7ic8dIWT8wF+DGBQ1xoKiOmxtMfC/l7soUvD6DadMrlLA\n1u3W3Ju7yhLWwlml/fSJZrdw9SiyiFRUsZP65ptJPRt2q0Enk5oF9Bwxr8ep\nj2TzaJ7IoGlpioDF1n0xTz8SRqFPHPE5qIubkCH6hcJKfjXm14rECc6hqXxI\nn+T3F01UEivhEj0GVlkhEKYE6Jy8syOPI8SJjNFtq/MSVCxIZi+zdqUgzi27\nCQnxbA8ryujiZCrolti/BaCWbdLHq2jprvzKMXRmSAIOmY01hYuoGGkxbmHp\nCqynAqcm51L97VDfJVoit281CXEzvGse1qEkQd9xvgvCHef8fdnpQJNRrCid\ngh2YOHnsusjpPb/T1NfeYIm16Id6OxXU3hG0i38rAKEjiVD/RfVShOm85ssE\nSunza5e3C6DUErQvnlYveKaQkh1WJPCKwxNPUbVPBfXgmjc5gFmZH9gI1BTy\nZY12qcbKaG/TDiYHmblI0tT81vKj1M4hnUbB5h1IFKxEkXucEH68rujBQt/M\nizAN\r\n=mYMk\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_3.4.2_1533672022212_0.4541446711891075"
},
"_hasShrinkwrap": false
},
"3.4.3": {
"name": "styled-components",
"version": "3.4.3",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.esm.js": "./dist/styled-components-no-parser.browser.esm.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"CODE_OF_CONDUCT.md",
"CONTRIBUTING.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"no-parser",
"primitives",
"scripts",
"src",
"test-utils",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.16",
"hoist-non-react-statics": "^2.5.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/node": "9.6.4",
"@types/react": "^16.3.12",
"@types/react-dom": "^16.0.5",
"@types/react-native": "^0.55.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-preval": "^3.0.0",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"chokidar": "^1.6.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.73.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^5.0.1",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"npm-run-all": "^4.1.2",
"prettier": "1.9.2",
"puppeteer": "^1.5.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.0.0",
"react-frame-component": "^2.0.2",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.61.1",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.3",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.0.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^1.0.1",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16.5kB" },
{ "path": "./dist/styled-components.cjs.min.js", "maxSize": "11.5kB" },
{ "path": "./dist/styled-components.esm.min.js", "maxSize": "11.5kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.4.3",
"dist": {
"shasum": "d7f91db0f124bbc337afb3b98ab37dee0455a301",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.4.3.tgz",
"integrity": "sha512-rPVo68s2keN9Z78IWojm6BxT53AC36DXPFIPpEybX/njcnq1JNcyW/mRaMvTOS6RlRTIpg1om8JHuJGYEFclRA==",
"fileCount": 304,
"unpackedSize": 3030893,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbfELcCRA9TVsSAnZWagAAZK0QAJWJRjaHnglJOe2AoQZp\nJJNE8qGt53ryXgNgXT3u5SBjXA3u0NPIKEtU+0UqmROnzT6ZgV/BhnqvwDlI\ny25Sgjyi8D+CW8V2h5qnxqu5OXOdSW1SUTx9mPDDxcL9l8rv+VqpPHEnb5lT\nIUdEiFbXYOe+2Y75wgXR7n6UZngSiiCwjtNw/CwE9DM580OSL2w0tXaUGZe0\nxMSox1HxexELbOBrUYF3ZQwQHs70humKiR7cvoxvoNzSsdWmVwXwUR1YQ2uf\nsYPXVUjMzcPxzYJuTGjBInu/wEYmkvQaV4kT6eSmFK7rkS293kP/46EWH0Qf\n4/QqFh3vfB69hQ9UbZIfAhiQWIm66hlybR7IoG9WHiXhnMKW4VSJSJQAILgP\n8h+hGGCkJ84j8hr/XpVA5FSbrUf0INnsZSF1+VAN9F5I7fX/Xvj2nlIoGYMB\nEDl/d0L2JoUWHY671gctuGCFxdtlhP+xtLmrifycmepKX73hkuEFBuaJLTAO\npospq2tf+jtatuUT/A911ZpbFiC1uQLKYQUCqIimZsKR9B62Yd2dR+tQqCx9\nvvWFyU9uV77bp3t+XquJYr17R3uZBOgPC8lLFTUDKKW0TsXr+I5RqLxeu0EV\nP6wGDwbPQo0Y6RNGbAtmczEf07N4xxv1UjZ0klkQb0HIRuwdcXWUuYJCXRWq\nlGKU\r\n=taaK\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_3.4.3_1534870236096_0.22715358456691281"
},
"_hasShrinkwrap": false
},
"3.4.4": {
"name": "styled-components",
"version": "3.4.4",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.esm.js": "./dist/styled-components-no-parser.browser.esm.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"CODE_OF_CONDUCT.md",
"CONTRIBUTING.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"no-parser",
"primitives",
"scripts",
"src",
"test-utils",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.16",
"hoist-non-react-statics": "^2.5.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/node": "9.6.4",
"@types/react": "^16.3.12",
"@types/react-dom": "^16.0.5",
"@types/react-native": "^0.55.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-preval": "^3.0.0",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"chokidar": "^1.6.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.73.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^5.0.1",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"npm-run-all": "^4.1.2",
"prettier": "1.9.2",
"puppeteer": "^1.5.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.0.0",
"react-frame-component": "^2.0.2",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.61.1",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.3",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.0.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^1.0.1",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16.5kB" },
{ "path": "./dist/styled-components.cjs.min.js", "maxSize": "11.5kB" },
{ "path": "./dist/styled-components.esm.min.js", "maxSize": "11.5kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.4.4",
"dist": {
"shasum": "dbd2ea6338fb050b5b56783e189434fd7f18eda5",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.4.4.tgz",
"integrity": "sha512-uOZbOmmB3LciaJCdwLb/1TavcFgI/usUK+NYK1YBhSSD/cheKZugqA7oi1/T5kQu/khBZXj2eaFdNaqREwTK8g==",
"fileCount": 304,
"unpackedSize": 3031751,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbfFdkCRA9TVsSAnZWagAAJE0QAJNpDl5K/CS5E6mAPKx0\n5/wIszyxP4+lzjnQ2U1fT/9v0nEW/+KlKH0mlZIsN6FG5+ObkRdgaeuKMkDT\npeMjOEIgw6waylwEqpGNFJJXHoSY41yxuRCrjpcoVBNf6Yx09TqcdNJ+1nlE\nhIh36YB1HvarDDl/xtej5+tsOpg27NEyCor7NrBCB9WMHgnoQSVSaBH4LGG6\nkmjMHNbhkcuhbxmNdlhSwGuaJ091AVF54D9xTNoFrQxW+ZxvZTUxwLSShqQ5\nso9rE2yBM0q0nvGeb66txVR3sdGyFReOaXozwSAxsTp+v8EteulP5NM0FbXX\nFo5ow5/9XfPD0vVX+RWeph//s8ZTPAzDZLtGJBOfE8bJcjqLNqsbGpWnfhpi\nXTElnzl8b6kAIZ09g0m6QScK70Y9BUaSuCw75N6Oqvc2Wx2SdO/uish4nldP\n7FTGY04gW5SdlFTcQupSZCy0HkKCKUqYeiYPZzNeblVzqZv4IPuOlKs6VSRO\nn+PG9eXFrAAsdFOFbrlNTsj8rhptFVmNuqkgEzO69gSQ+s7PZzfIzbjFnI++\nG0iMeoAHsIBuWvBpytVd5gn0/leQJHyLSbJ/y2zlgzZN+nClYOWNWhHN3A6B\ng9mQ970ZOz03yHKwSBu0cC6+udmWgtVdvOifiZcSrTthfxdJUigzCQPpteq6\npZP0\r\n=KHAJ\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_3.4.4_1534875492069_0.6379415690274919"
},
"_hasShrinkwrap": false
},
"3.4.5": {
"name": "styled-components",
"version": "3.4.5",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.esm.js": "./dist/styled-components-no-parser.browser.esm.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"files": [
"CODE_OF_CONDUCT.md",
"CONTRIBUTING.md",
"dist",
"docs",
"flow-typed",
"lib",
"native",
"no-parser",
"primitives",
"scripts",
"src",
"test-utils",
"typings"
],
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.16",
"hoist-non-react-statics": "^2.5.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/node": "9.6.4",
"@types/react": "^16.3.12",
"@types/react-dom": "^16.0.5",
"@types/react-native": "^0.55.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-preval": "^3.0.0",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"chokidar": "^1.6.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.73.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^5.0.1",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"npm-run-all": "^4.1.2",
"prettier": "1.9.2",
"puppeteer": "^1.5.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.0.0",
"react-frame-component": "^2.0.2",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.61.1",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.3",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.0.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^1.0.1",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16.5kB" },
{ "path": "./dist/styled-components.cjs.min.js", "maxSize": "11.5kB" },
{ "path": "./dist/styled-components.esm.min.js", "maxSize": "11.5kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.4.5",
"dist": {
"shasum": "6cbfde7c9189c868b9fd01fee40f5330dbd0cc8d",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.4.5.tgz",
"integrity": "sha512-/4c4/72+QAZ8LO+VIzTcitdjMcJleOln1laK9HZr166O+OmGpKZYt3+hRn0YhYPytwDGfx9J5c7WhU7Oys+nSw==",
"fileCount": 304,
"unpackedSize": 3031696,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbft5GCRA9TVsSAnZWagAAZCMP/1laoJYpzYuZhwWLn5o/\nL5fxXo4saMK/s33WmvqjEMIDWsHcOqsZ6R/cuC5cMlROwZtpFckzNOQThJgB\nMLbLaSVbKIawsflc9ZcKDTiLqauaE1BNOUC1g/VG95neGhQJX/QzkYERgSjl\nyc4Ut13PUdBat8+gWKAUiuY6ZBTG+PpvTPGs3mzbtYw9hvRrDdQZMn3zPh5i\nHzJHJaT77t6oot6icfY1dprF07jrmhnrMUmZHPgqhDTBdwvrDtqgk7sD8pO1\n5DawLXoWdAmiAX2uu+zyefDZsBm5klvKPaVliWRmSkxRROEmJbuW9h0T7JUA\ns/eXwmfiNSiHSWOLxQphJmywJbZoC17nKymtGapPZIz8fnV/rUhpaX+KyDIR\ng4Wo6HDpM0QHqqoBBh0On8n+ZMsvLCB+xnGtOLttFmiG6Vjn6IQWe5fdmXS3\nY9IYe9Vr2QuxOmZ5Bc+i40QOWkuztqmth2AANQa/17ptwky5G/wIhVQzyEUf\nrEObyPMSVAQkiV9HoEFWvrVelZcLgQzNMSqK0+pggTN3TI8iw/8Sr7N2VUy1\nM9lfXc2c7rsCyvgSFBjV3m/OahteF60rf6UnK2CJWKva7XTMK1SyDyuHdCIA\nlfZmPsaSyNddEIAaWU1cHaPAO94VOfMA4sgmGA6ulGHmj6B0BquySU0YfBis\nYPjZ\r\n=oidD\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_3.4.5_1535041093490_0.25844770399552397"
},
"_hasShrinkwrap": false
},
"4.0.0-beta.0": {
"name": "styled-components",
"version": "4.0.0-beta.0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"module": "dist/styled-components.esm.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.5",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.16",
"hoist-non-react-statics": "^3.0.0",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-preval": "^3.0.0",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.78.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^6.0.0",
"jsdom": "^11.12.0",
"lint-staged": "^7.0.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.2",
"puppeteer": "^1.5.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.3.0",
"react-frame-component": "^4.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.5.0",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.64.0",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.3",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.0.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^1.0.1"
},
"peerDependencies": { "react": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.0-beta.0",
"dist": {
"shasum": "bef1dd89579d5a3dfd3044beca5ec98811ebe1da",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.0-beta.0.tgz",
"integrity": "sha512-zsrKDQSr2Qv4MBp1cBLePnmfk/vixXUJNkoz3PXrbuUzqkEHF6pVXeMHhWNcXn7dNuL9NA6N6PY8XBDGwBvycA==",
"fileCount": 50,
"unpackedSize": 1870115,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbjv1lCRA9TVsSAnZWagAA8ooP/iXnmEI1r4hmveDCd9dH\n97TUyVox6gSOl3PdTD3ua6+Dgm54+p7mo9qXdKMofQveOWZ/8blPjEVuVX95\nDS++VFBC+Phs3sq/enUJColo+xwbnKgnD/9orr0laSaLeRoIStdTHMA+wqvc\n1XNbatGIFWECH5z7dpoBHFZB6EwtdkZAvl/k0HXec/ZozGFWFlBrJIbJRcXN\nG5+We+tBXdyJ3v8ABfMixm/HR9Nvsc5kO1/J4DpSZq1+KYEtucWnuPP9+u9s\nvyDXdTKgZ7Nzk9fjKB6lWxJyR3PiFBjeQ1CEpIOYieqB1DWlRaEqSqoCRIiD\nPorNG2ZpE+zsOdStplwi+RwRmnYh+KJVvZtmjsdXpla4JwC35XubsL/STnXh\nZADj8BN38te8tauQZtrmuGTSdulYUN69xzrdCEc3waQFfUMFIqdXDTQIbWea\nwqZGqNRidTs/0sKtH03HvD/HzwuIQNM64Of/zcagOzheyl1PNCy7+ltnAICP\noAdTRar5e6WQGlKi8cz6qx7/Z2UzKr7qpc3Y2V4eTcKdhIh3+swX3y0A8Mz1\n/OsGAqpdIbxPTrBzUNfyfankDQkspyZdZlFr5q8+S7ALzLmVrGnMUXiBXZW0\nC6bhDkBOxREoqhekcEIp7EpW54mgr6xR0Xis4D4uQlKaQbYVvDs2h9Drgkxn\n/D1O\r\n=4Dp+\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.0-beta.0_1536097636709_0.32509467950490945"
},
"_hasShrinkwrap": false
},
"4.0.0-beta.0-1": {
"name": "styled-components",
"version": "4.0.0-beta.0-1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.5",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.16",
"hoist-non-react-statics": "^3.0.0",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-preval": "^3.0.0",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.78.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^6.0.0",
"jsdom": "^11.12.0",
"lint-staged": "^7.0.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.2",
"puppeteer": "^1.5.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.3.0",
"react-frame-component": "^4.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.5.0",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.64.0",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.3",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.0.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^1.0.1"
},
"peerDependencies": { "react": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.0-beta.0-1",
"dist": {
"shasum": "03763643713c80bfe6d2587dfe4fee8fce7a5342",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.0-beta.0-1.tgz",
"integrity": "sha512-MEuGABwmB52bgM7Mlfzih/FE1jo554cbmKApH2103S6mvTI3R7u18SjpaMT7MxImol3HhfBGOLJk5Swh+b2UCg==",
"fileCount": 55,
"unpackedSize": 2095201,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbkH9QCRA9TVsSAnZWagAAFIMP/0OFGL6tv1tLgtk728zQ\nf7FTd8G1S+I6qA+3mvxOhpuK37bIF+hgqij3MmKABu1G5dv12cAz9c46eXFS\ndewBqahhLPg7lvL2xCV3Q2x9JTWcaRiO/JWKrFCuYo+wMSmyQrazeLypeJEl\nYtTLEtjkgUgXMaSeYlwd9FQGIXN8cxp74Eo7qynjE4/cldB+Lx9aXxd5JK4q\nZRS3ku9GH9HoXZFJ4NMG6dqHUdfE6wGIaO63RyR3C353o7EjwC7NCZJ7Ny2Q\ni1DmUA1RCtkP6aDfcJgrSFKZJkKbg1S55tKyAr6SfikSD0Gbz6exDeSCCV+9\n7tdVDNoprahOJqkd3N9wWW2jpwYDk3jjVSHLNE87Khrx6SRVJUn1A0MVBDRB\nhGpGN/5n0409P6wt3iuGp70Ku/E8uveDo6BPYqg6do0sy5cyBC3kjAMbeZbT\nhGteBTaD+f8Uo+lisN+ql5v3rfvG5CyBLwCf2I/wiYygSL/e4B4BR7wwqvaN\n5hiUaubOhYYius4JGTnLUWrAqx687TQwaA8Axj7MWHkynfMK35ztOJELxSGp\n0U47KFHeyeiZXdlwOKMm+zsrxqZAlyPF9NBleKPtIXXloeM7/XQnnXVqa5FU\nkv4V2TIGrqvOEj+t91a5zoVgnE/rL36U2BeYiCElhDShhT6QKmtBvDlYe4qd\nC7Nw\r\n=01mC\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.0-beta.0-1_1536196430551_0.10416252286975114"
},
"_hasShrinkwrap": false
},
"4.0.0-beta.0-2": {
"name": "styled-components",
"version": "4.0.0-beta.0-2",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.5",
"css-to-react-native": "^2.0.3",
"hoist-non-react-statics": "^3.0.0",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-preval": "^3.0.0",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.78.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^6.0.0",
"jsdom": "^11.12.0",
"lint-staged": "^7.0.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.2",
"puppeteer": "^1.5.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.3.0",
"react-frame-component": "^4.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.5.0",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.64.0",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.3",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.0.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^1.0.1"
},
"peerDependencies": { "react": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.0-beta.0-2",
"dist": {
"shasum": "a9982c4f4593cd55b0c614176c3ab5625c846c9c",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.0-beta.0-2.tgz",
"integrity": "sha512-R0aOZzJuERs1dDdYsyzpQ9F4S5bGGClE2Ck09txnJJNTZrnRn7PfGQx5eBRFn+WCi8shNf9S70DlW1G9loWAHQ==",
"fileCount": 55,
"unpackedSize": 2099145,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbkKoxCRA9TVsSAnZWagAA02cQAI1ERDaF2lI8E/8NRJWn\nfoSyNNAeybuAVYjDhAudEWEuA8PZ1Mi/7RHqMtrcKe35SyD4f6EG0vSrEcLF\nlvCDqQsli2uFKbdK9493VMnbDf4dedmn4eEwLwPK6Kw7+7wc6JIi0wCh7M/W\nox+XnonLHNCkMU/vV62bYRsG843J10u88/txFQDtMtxgLf8E0mOOXvjLMcXe\nYeV0iSA1GQxg3O44xYS4931gg9E2sXgWnd4mLA45W7gj+W+p5tH7c7H1tT7c\ny6GxaqPBwDjpLmgz3VuTmmlqopAnPjEDuN6WogEtthxJwLm6QtWneZgxqS0i\nrb6O+MK5KpN225cSbJk2SgXq+S0wlL8VwK0WqbLVF/k9x1SXA4mU0hJxiELf\nQFC5MGGKLRCCumY9CG4p58X0lGlS6UpALSiMLpx1gTPoAZjmrAypMEwvvs5J\n+H1UTIVlxb6n1klSddirlgUVNUs1TuMaEI8rRAwWlNUUtTrKhOr37S+X92X8\nQqSOGK2vm+YvuxLPAirOb80Oox4oSnjPPTsVvtOCZg7zt3yEs4i33mzCe8aP\n7zMVO/sumvs/8Ldv9SFlrugsZaw7ySvfOpo7BJ82zt1nmm2PbpUk/NcdndDm\ns4I1+qLoh8iGNib4lvQ+lPkLhXRjyX2p8w2eLN3aBA3yd5PypCzlCTKz6Svr\nXtAM\r\n=Yyij\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.0-beta.0-2_1536207408956_0.7144213650653628"
},
"_hasShrinkwrap": false
},
"4.0.0-beta.1": {
"name": "styled-components",
"version": "4.0.0-beta.1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.5",
"css-to-react-native": "^2.0.3",
"hoist-non-react-statics": "^3.0.0",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-preval": "^3.0.0",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.78.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^6.0.0",
"jsdom": "^11.12.0",
"lint-staged": "^7.0.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.2",
"puppeteer": "^1.5.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.3.0",
"react-frame-component": "^4.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.5.0",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.64.0",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.3",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.0.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^1.0.1"
},
"peerDependencies": { "react": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.0-beta.1",
"dist": {
"shasum": "a7f2fa4ef66beae031763465f8cf5c8abb801385",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.0-beta.1.tgz",
"integrity": "sha512-LQ6LflCLiEBSm3xVUxrW9alMy+BC3jVgcj/ZDS8nfJR31VW9XNat/Tkpa/AS7vCgVvsvxZ061HFHKFAcbtJKLQ==",
"fileCount": 55,
"unpackedSize": 2099049,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbkZt8CRA9TVsSAnZWagAAs5wP/iATW/oSZFIqe+vvHKkl\nuMgAdS5U4hSLu2uME8BEqcd45md7WKMjmF24ro9fCZcVGddRcbjQBRleF17c\nANHg3Victf769bV1y5hcvG//0gt1f5vbaEV45CZATZP1A4qJ+BfWgxzSqb4Q\naUv7oSdRgV0X35tJQQ2htqBDFeEhIMsF1dIWA2nl5aWtm4N7dkVRZ83XwF7X\nOqxvbDurnY+NQXqISBUrHBPdpDwH4M8EL8Q51Ms7sgVh8Xr+hQTBWJpB9nSa\nvsZwjeshbD8MOSx20Urrw/Eb6f2qlK4yW6A9Q9rpJeWOYTUMbAp8DHn/iU8C\nHMjxVoz/a5mrn6lW3Zx0b+QudFQu38gMbKS6NiTJBCW57Fuk4FXLrMr4r6+y\nak20NpxsQKM/VCmyJJ0kMWwNG1cV0Xjr/6790lEgfmJX//4ozQBLM9+LV9ea\neytXgcOIuLlhZJHLw5kGixWcuXRzi6X4U3zCMlwAD2L9LOYrAXxI97YOLYLD\nokpNz7hkab/4HE0WGJ869/rgy1grT2DL5CH9Hyv5lqd30ZHbKHM6zyGL+XE3\np1boUpVwX6cmlM5aqrTYJISH24o4949FhqyeiMnLCscRcXcNzhZ6UY2JtolL\nMVGQW+Li83ZuA08n4MJyYjqjIv0p4Tll1gGMuoXcYbYV+HPa3Ti6yfG8zsNU\nRB5u\r\n=fboe\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.0-beta.1_1536269180017_0.9390389716658165"
},
"_hasShrinkwrap": false
},
"4.0.0-beta.1-1": {
"name": "styled-components",
"version": "4.0.0-beta.1-1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.5",
"css-to-react-native": "^2.0.3",
"hoist-non-react-statics": "^3.0.0",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-preval": "^3.0.0",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.78.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^6.0.0",
"jsdom": "^11.12.0",
"lint-staged": "^7.0.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.2",
"puppeteer": "^1.5.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.3.0",
"react-frame-component": "^4.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.5.0",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.64.0",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.3",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.0.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^1.0.1"
},
"peerDependencies": { "react": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.0-beta.1-1",
"dist": {
"shasum": "ae8958af1404ce7a721be2ef46c2c03a81aef1a4",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.0-beta.1-1.tgz",
"integrity": "sha512-NLBlR/FI7iCmCxnOmePTuhjuPoHqmXqdgh6AC0c5oVp+14xVy/DADwUz8pNE9FvLSzMmafCug7VvmVZjjoMubQ==",
"fileCount": 55,
"unpackedSize": 2065910,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbkhj1CRA9TVsSAnZWagAAO6MP/14ztTzmGMGN9h97yyQv\nj/LBeccup7eKCYO+mDmyqxDj0qTVz4x4GGcoe3cTKhlQY0sUGBXINvEn2YcO\nWZ3RSJ8qiRiqOJyv//aX0sUIdnOCF3cfYD+ch6JO2mSUK6k5AKH+RZYm8LiO\nNS1M5lRlB6UU+8YlhUIuUEujmHeCkr0Wdk7YYEIenhsTjdk6oML0NpMr01Ve\nWvmKTD2jQTpkBJSZp37dJGg5/28j9LWDCmugOYjeFOV9ZkdwEMUJP6kkY5z1\nrWbgUBHEGapElBtPQDyacWZ98xRhlYYHGIcH8lXjbtiPjuockS35DIy1qfvI\nbmoEEXgQPsz95EbTT9MF6MHzVT5zGSkcFlZvlNHz7k6yNhvoEu/HYBOwVnu0\nYtg2N1Cp6oEXW+LaYkrMLVcKBJVMWHoCC+wJte890pBog38Du/CJp/X4WXsm\nDnKt90hfuxhCccpcXqPZhjCHpGkoFpwUKE7fNdMi1fNHCX2XTpoLR0S6SmFj\nH2snr766fKH8fxonj5EiQZM2KMJDLBNQkWJ5elJTXpDhMK5RyT9+gRJRzF7l\n68VwpXnhOpV1wPeLqY7Ga72B0DBJrFfQxHX3Qz2YFyRDEMF+Ul8lkDMpY7TI\n1B3bs9XOK4ZZYOXvx5o4KSHSitq9NxgVfeNPAEGAWibPne8vg5PrEcG4XlYH\n5+j0\r\n=EFoK\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.0-beta.1-1_1536301300992_0.07649566818186737"
},
"_hasShrinkwrap": false
},
"4.0.0-beta.1-2": {
"name": "styled-components",
"version": "4.0.0-beta.1-2",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "index.esm.js",
"module": "index.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.esm.min.js": "./dist/styled-components.browser.esm.min.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components.cjs.min.js": "./dist/styled-components.browser.cjs.min.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.5",
"css-to-react-native": "^2.0.3",
"hoist-non-react-statics": "^3.0.0",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-preval": "^3.0.0",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.78.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^6.0.0",
"jsdom": "^11.12.0",
"lint-staged": "^7.0.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.2",
"puppeteer": "^1.5.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.3.0",
"react-frame-component": "^4.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.5.0",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.64.0",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.3",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.0.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^1.0.1"
},
"peerDependencies": { "react": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "15kB" },
{ "path": "./dist/styled-components.esm.min.js", "maxSize": "9kB" },
{
"path": "./dist/styled-components.browser.esm.min.js",
"maxSize": "9kB"
}
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.0-beta.1-2",
"dist": {
"shasum": "826a8123d1b21586891dce952d54362c3b439dda",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.0-beta.1-2.tgz",
"integrity": "sha512-CF4cRKpwylBbgfB4uI4iRMwGTDyEZ97bk+2q9m9q6ya+F4T42DFxAJLZpLfgsp6auMJwGCtRkLA+KOWlaJCsog==",
"fileCount": 64,
"unpackedSize": 2321946,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbkh03CRA9TVsSAnZWagAAIJwQAI8q7c754cTWCV0+Tw+Q\nQ8JPOTLDBX6MOyy9HO1pqfSRFbrwulH926caxjyvrUGpF6HQDInXgL8VAcqh\nu4gWfIT6OLcrz/JJ3J/5CqlUEw+/7LZlCRLGTMkQySbR8f216kSB0PhNUqXi\nUyyYCedV22MraaJvE8LkCeqAfc9ccwnauR41FHR/OShJGSmbXWLf7drsAifB\n6hD17gmA8dVFPdoUfeIRuBCqXyKmOmsrAI3lzBn7KiwbitNgKGaA2y7uVdgH\nIuQPEFUF+yZotSAQjUNnYRD0pM24hzYz8RyuWNp3h9fypVzOLppJmRNOod7c\nUqL16tgBuBRq8QuWd/HzgxZ0ciih3/UC80WFJ9SnmZtpgJvUE3stJd1Q0Oow\nGB+X079azhDYNsOWDp3uNFBKJ7AWIaJkiZ5zBRY0lDj6Q1fwYPbgGXLkxCsB\nag1Gsnlc9XdlVyVa7xET6ukHvVIMeaJj22lS7x9lZ76OSW/PxTWFXc1R2i9l\n8Ld+LijJ0LOIDj9hcgyBfQBXKJls0PlVMI6aki4v+uAmelpxk/3PfOXtXVXY\n3nyh83KxtJlsLdGs1mUk5rbLjbGi9/SlTl/aWhAhaSTZiTZaXIuz2kWnbaou\nyMXyrVWFWOqjKwZpHzjmVJH6uBee8o2FnHtkeeleJrHaGVDickzQjH21axS5\nznwE\r\n=uf2/\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.0-beta.1-2_1536302390454_0.7944059387558238"
},
"_hasShrinkwrap": false
},
"4.0.0-beta.2": {
"name": "styled-components",
"version": "4.0.0-beta.2",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.5",
"css-to-react-native": "^2.0.3",
"hoist-non-react-statics": "^3.0.0",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-preval": "^3.0.0",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.78.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^6.0.0",
"jsdom": "^11.12.0",
"lint-staged": "^7.0.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.2",
"puppeteer": "^1.5.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.3.0",
"react-frame-component": "^4.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.5.0",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.64.0",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.3",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.0.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^1.0.1"
},
"peerDependencies": { "react": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.0-beta.2",
"dist": {
"shasum": "fe1077df285bf0fb18b294cd2c47ff1379cb9375",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.0-beta.2.tgz",
"integrity": "sha512-LqgacqHZzZto+XAadlgWqQ+ov5YLddx+zHfPJSE+tkQwFVWsjYcyTfj9MOzouE1NJg2jVuUIpLxdSIGm/1Tw3A==",
"fileCount": 46,
"unpackedSize": 1686721,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJblLjSCRA9TVsSAnZWagAANkIP/3l8WzxghlFZsegZMMHt\nXuna0CBzH2sNMFW6uKAKh78ui8gFyVSAKuMS8tjF0ynyVnLmAwROFPiNG9Fp\n3SzJ/9ARPUkDY8p6H7a9rjJT3RddZVhZZTRjMztDwhlMR7ugSwafoyxz/OxY\nJcsG7A6chjUTvIHYuZ+E2rf/+xV89Jh+uZyK94ybZ0JCiDh2wO3bsnZLP+FF\nzwVuIoBYznit6T7M3Eq072NaO1s6bLb7jR/JyfDA+bRKpwfB2zPR0d5B5E23\nVRzfWZoFAoAIHMGzMdHEjzdXd/u1NNozqtvtTDdaJ7ie7rVVpojieNpUFTHv\nWaQtBN5UByboJTWSJI57mBvCQjRcjUP3FtlE4rio3u7xTytVM4mbOoE9uWze\n1Bj/5tTpsBi1kG7YVKIwEMakTDm/q3EOBUtc9wEnWLF/QD2kB27JreaaXVRq\nKAeBJAnLZU7jUNXmT3tUCkSkZbpNac30f8P3cljkir4hVG35mzWTpPPStmVi\nNKwF+dxSPTafLUtmivR+k7TyWvSuESXnadKouTOCq+KVxUzr2PaAex0Wl+4t\nQQ4xg7AJnkSWcFjRgsDbV3hMxQmMpk2qtM1B8u5E7lfJ8nFEueu/jDWZ+pyr\nXguuhme5HXIQKsZSwQErAxhx8K/1kgcQbWqoaBMDOJ2e8sE7orL/+Vkga5k2\nKtfM\r\n=5QO2\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.0-beta.2_1536473297442_0.020689136462245905"
},
"_hasShrinkwrap": false
},
"4.0.0-beta.2-0": {
"name": "styled-components",
"version": "4.0.0-beta.2-0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.5",
"css-to-react-native": "^2.0.3",
"hoist-non-react-statics": "^3.0.0",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-preval": "^3.0.0",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.78.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^6.0.0",
"jsdom": "^11.12.0",
"lint-staged": "^7.0.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.2",
"puppeteer": "^1.5.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.3.0",
"react-frame-component": "^4.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.5.0",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.64.0",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.3",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.0.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^1.0.1"
},
"peerDependencies": { "react": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.0-beta.2-0",
"dist": {
"shasum": "79700703f1dfef5013a16bc6d7ec13d9bcf7b4d2",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.0-beta.2-0.tgz",
"integrity": "sha512-hVP8xIaQKLJ2YjYcWrmEPndPSqtkphaiJihkgAAgJ8r3S0V7mKtPWGWAdVjL8LEWop+4UjZaF1iEM3L5DryEgQ==",
"fileCount": 46,
"unpackedSize": 1687509,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJblZX3CRA9TVsSAnZWagAA2NsQAJBynO8156sH4QJlYDtE\nvFkaw1Bg99WzfSVfYENeqhaqhN8bmCpWY8UmfUb/6VTduJQRr9Y89eMl7s2O\nbUbB6loyqJH91iXWS/RsfkIC7b7bw45m1v7vDmNEs6bwBOiv0e5+3CrXj3Yf\nPZ/GDZIKQub4mJWT3CmmdfTk8HSCJuKL9E2LRPGVBhHzCYiaC3NGPTZBzp2G\nqnI2cIksM/3ZFlU2csnaXV8jttv8Xeogr0ImvZl1/3nhbJLWrDBOIy6XW4g1\nMPAwMI5Wfp1PWYcr34v47vNeVTqOKgk9eO8oameTHuXGB1pjWtpVOYrtuT3x\n/D6BC0RNZtqO66a/wL86dhaYZMHjpSDDkg8l5aXgBsWBAVUVEpbbAxmja9gq\nohFVUFRXY5wFjxOGTK8jO01cFqibJ0WjAXzZstEy/jPKz3D3fOOzYlOLVgYu\nbe3d5pUWtbTIa/+qYnjxbqWIrmjTqIsn3/HWixiB7VCOAuBWhg91eKqkgoI1\nePhKnQEiRZGkk8mY11UkJ9O2lBv1G+QlIbmeugYHEEwBCgF95onBV2K9eWaK\nkNs7y/z4rQYh75PLXNY3bUWN8zu4MMBaqUGAg8fXGlJlc6vKvdh3XYj2sQiq\nhXlm1Prid0H2R8PTLPoAb5RE5s0Wg4j03N47PSWTchydH8aD91bLLfvGRZTQ\nCXSy\r\n=p+5r\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.0-beta.2-0_1536529911161_0.41219609868556084"
},
"_hasShrinkwrap": false
},
"3.4.6": {
"name": "styled-components",
"version": "3.4.6",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.esm.js": "./dist/styled-components-no-parser.browser.esm.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.16",
"hoist-non-react-statics": "^2.5.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/node": "9.6.4",
"@types/react": "^16.3.12",
"@types/react-dom": "^16.0.5",
"@types/react-native": "^0.55.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-preval": "^3.0.0",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"chokidar": "^1.6.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.73.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^5.0.1",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"npm-run-all": "^4.1.2",
"prettier": "1.9.2",
"puppeteer": "^1.5.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.0.0",
"react-frame-component": "^2.0.2",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.61.1",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.3",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.0.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^1.0.1",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16.5kB" },
{ "path": "./dist/styled-components.cjs.min.js", "maxSize": "11.5kB" },
{ "path": "./dist/styled-components.esm.min.js", "maxSize": "11.5kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.4.6",
"dist": {
"shasum": "134f1ab89ed732686bf7de3ff8fca557283cbd60",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.4.6.tgz",
"integrity": "sha512-HiEVVY93oH/PuekPuIE7ownn2wmO708rS8MM1yS20i0TCyFgPs3mbop8fJqKLRtC2/npVn2fO5Je6azaL6T2tg==",
"fileCount": 316,
"unpackedSize": 3974283,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJblsCTCRA9TVsSAnZWagAAuzoP/iSvLnzmiqqR76+FoL+N\nQAinBDoZa1DPO4x/Vbjc6tLigtQ3JiMV5viwRTtE4AleHV/io5s46puaF03Y\n6gpO6AjXD4fQcBKupu2qdkig+CzdJ/h2ZNPIyBNFQozf8pcrFDN4SmYGmou+\nYqrn6EIC/czHeWT52RGRRaaNUXb/XBqAB1XakU8MUkf4xysHEZSUVNRzr7sN\nIutM+sRpWAfNiyTOgY2FjuQw/2sJuo0+oojHn+lYDtgiYIRlWSb2Ru77LOjX\n9ztw/0Arste/z/Q5vN0EJO+gb2oaYqJm8OU/S7UoipSWyTtRVq2/wVKail6O\nI10GorJry6TJbvDYkRiMZlMEVICzhUdc52z6MdAnXoB3Tp8NTqnOuO4RsanS\n3SoJHlEKrD6a7ra66/TAW9DNBrbCwl6nSKztPrh07WMXF2KjbP15u83HvdNN\nQ2YEMcX1cVZicK0SMh3w809X8DKC33pRhamuiSE1bEcP+XT8+wYTO0wwsIGC\nlHpBeCDJCiTEqdLfgSTIa9nbnRZnn3B13iYyJwzEQY4hEHFzScyQeGiwTJau\nohPa5cLceSKQUVc6ppurV7ZIfQB/KAniPHBgbEI894kowt4MvuPn+Evftdp7\nyck8XKLcAOxpSTkYLt5uEmAXreAUuJsA3Zs6uCnH2PFt/1xf5OgIC9WwlmnT\ntj/1\r\n=Qj0i\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_3.4.6_1536606354679_0.11052355646133538"
},
"_hasShrinkwrap": false
},
"4.0.0-beta.3": {
"name": "styled-components",
"version": "4.0.0-beta.3",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.5",
"css-to-react-native": "^2.0.3",
"hoist-non-react-statics": "^3.0.0",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-preval": "^3.0.0",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.78.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^6.0.0",
"jsdom": "^11.12.0",
"lint-staged": "^7.0.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.2",
"puppeteer": "^1.5.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.3.0",
"react-frame-component": "^4.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.5.0",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.64.0",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.3",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.0.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^1.0.1"
},
"peerDependencies": { "react": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.0-beta.3",
"dist": {
"shasum": "68943408c656411f5bea2266bb06b4f082d05dde",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.0-beta.3.tgz",
"integrity": "sha512-fVTYMsAqFDr9g1VGAfj9nngTCYIbLxbY19YD2N0AnDCfgLNyjdw0HWqMH9t7pI/1rKGQ55e0TM5n7IBM3W06Vw==",
"fileCount": 46,
"unpackedSize": 1690601,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbltpCCRA9TVsSAnZWagAAL0EQAIuS4/L6BRrZbpW/hR6e\nQJWOUBXkbgvW+52swI62guRyCqtNUH0gwQImHMrP+lKMy0X+F9TydtsW5ujz\nSjpDUpN3LbJrO0DYhud3V6H5fl5XO8i7J59Rt8JN6wiKKHeq1NXK0A9e3A2Q\nkoHzbGPXj2B1tdScxrSSGlySfO7jhPni6QnDFF5thSomWunso3N2BEABml7n\n6m5REv6pL4DHGC+NhlWz/vR7RDIBWP+eUJYjJJmPjOIY2CB7vOERH+tz3bdw\n2zYYuzyMUL+aGJODQmx0/yaeq743ZYoSclw6Rjc5eQ1xVGidTEvI2aSj2B0t\nVL0+HC0Lkh/VRog40bPtl86R/0J+XBz7DpKZGBOJHRsisP53chaPwSuSqSi1\nIYRtE+rKmQw3Zwm+Sma7Bdpi0FNxPUpnpPXCQpfGwum1k3L+sJ5z+GX/lcXu\nnKpqdMPH6hUjtmxc3NR3SmxF2SsJCXeKtQQ49uIDrM+hjswF+8xp86LmHvkv\nvLcooMbU8rqHKobRkLxrhNuJ6OZ/iSsFZZCVEDmVWMrIA+sEKf4dgyHSa0MX\n5FsVFQ0MfL4hYdMXg8cu9QAcSnlIyjTFcf1x6ejJ1KrFTmUG0B0SGlJfylCr\nKJkQBQbSvITtQe3LVIv5DH35iE9uCYu58JPorjUiysFzE4d0UFlpewE2iAnL\n2yVM\r\n=fEh2\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.0-beta.3_1536612929451_0.06851633817651193"
},
"_hasShrinkwrap": false
},
"4.0.0-beta.3-side-effect-test": {
"name": "styled-components",
"version": "4.0.0-beta.3-side-effect-test",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.5",
"css-to-react-native": "^2.0.3",
"hoist-non-react-statics": "^3.0.0",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-preval": "^3.0.0",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.78.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^6.0.0",
"jsdom": "^11.12.0",
"lint-staged": "^7.0.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.2",
"puppeteer": "^1.5.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.3.0",
"react-frame-component": "^4.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.5.0",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.64.0",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.3",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.0.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^1.0.1"
},
"peerDependencies": { "react": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.0-beta.3-side-effect-test",
"dist": {
"shasum": "719d4d6bd0576e794b04511398cc3111c99aecb7",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.0-beta.3-side-effect-test.tgz",
"integrity": "sha512-LH36wZpIhZiN+A+VnXQHGA3Ab/05wAq5S+n5iFI4B3akbgGgvReDctG9Wt/PEA/uSAL7Jyd4CVXqidv+H7Y6Hg==",
"fileCount": 46,
"unpackedSize": 1691667,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJblwZcCRA9TVsSAnZWagAAxm0QAJUujU3x2sxc77LL+jgQ\nDpY+vx2d8Q/XjH/f9C2rmsvnij4d+oaELH2bOUdZFlVyPgKwwOaHEgI/JT/z\nMgoTJIwCB9o3CIOxaDCfkjmIV39d5WtLbArqE2Cn4qCjlFbHZMsdcoa/ctmL\ntCS75/1OaosGlbIFLT2NoWao8/mT+Ao6gL+XYpgtNYSWHzUlmiKz9PY1pf+w\n5tFm0p8K9eBGEKYIfFMGYuHB6X5fw0T0tnthIPSQsM7OQ+f72mwJK82Chg8+\nqIsgl55fP8nHG2gC+EY2fmaHV2EGbwuLSvGC6zWHLmGVUTeNaoKXr8qH6d+C\nP8x3NpQLkc94OV4d+7zAZ1qWlGjSAOL0PD9onk0cGwyOiFjBGhGa25htIP/G\noZvkfRT5AGjcvO6e6vXZE6vtSioeCxK5KVJHuTBIanL/99+geN1MR+OvoD2P\nwiK0hC9X/ILyseGGOunu1ZXnkPWCcRMABEtZoxNNw9VpHadRSGHeyyozOJJZ\nCfhCvaWT4PXRigv/9MQ7ze+mqeB8L3PQcRy9TG1hXUm79CoNIG0yVPipoA1s\nnEe/mhZu/VrVQ9SpTGVp6/dPPgFr6zUFwMp2nDnUoN22r0y8yREtkORwUxi/\nMZagBrDtWlBpTkdTjt5u7i6hM0V5PevdjLVOZ5to9y1Bis8VPNYL+D8DPKdT\nZV2t\r\n=n/uA\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.0-beta.3-side-effect-test_1536624219521_0.7244017321722365"
},
"_hasShrinkwrap": false
},
"4.0.0-beta.3-purecomponent": {
"name": "styled-components",
"version": "4.0.0-beta.3-purecomponent",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.5",
"css-to-react-native": "^2.0.3",
"hoist-non-react-statics": "^3.0.0",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-preval": "^3.0.0",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.78.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^6.0.0",
"jsdom": "^11.12.0",
"lint-staged": "^7.0.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.2",
"puppeteer": "^1.5.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.3.0",
"react-frame-component": "^4.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.5.0",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.64.0",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.3",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.0.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^1.0.1"
},
"peerDependencies": { "react": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.0-beta.3-purecomponent",
"dist": {
"shasum": "91382a52ae41706dc01a627c4615487af61850a5",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.0-beta.3-purecomponent.tgz",
"integrity": "sha512-SNZz+LAGkyJvlltWI0SOaK5qB4H3Halfz5v8cpuNMUJXdFchcOsZEf9c2bZuURhxDpAUXeHV88TDJydGoL8pgw==",
"fileCount": 42,
"unpackedSize": 1691992,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbl+86CRA9TVsSAnZWagAAm8EP/RAEhBslgXZLWSnjoUeD\nEcv7ZxE/RR1fdySMxEYJvQzNM9HqSL75V2JunGGWwwwfFacAZt+lOHRkNQhb\nltGe6eLXasblURL/HfzV51LaJzcxhtX0lpTUHMx2WjUSCun23AtdC9J55GuS\nyOZiosHAwutsdn8/pNwosFgavEvNrkPzbTef54R9tQZcDtuTd2XzaQK7unKR\nqE2mn8kciBzMWuAoGgXxx7JD55o0ArlUFC4oU5xK3by4z0Mv0UhqUKDQXrLb\n05u54e27IlVhEHjr4WgtBQg17B3r90i67UiLtqN1ReV1XaUVu2DxhLmRtv7Q\n0KshNymlOXRL4ka2RGZ1qfPhpx8bPDVb/V1v7EPY8xK6SVrF/HsGwbH5MDWE\n7u8WytBLzjd4KMI2UfyF+O8cu53pXnE/KanPveFcYk5lkLZJDs0B4vWnCs19\nvY+05NS+2QVDODtBmdGxaak3BTCOwa22zakYSkU6qzo0HE3L4sn1r+gAwwDC\nU6ScQJG2Vcdu/UUSjnU4uE1RX9Lrp4lawzBiW6EmQvXVi4mB0U/FsMP35MoQ\nP89RMgJMVygBCPSYs1hd33Q0NA3aXM90OLmCZepYRA2CTNWDp16tgHiTlvQ7\nZaz5W1mRXcIccOvyDXDdjQXHxwCPKFD21gzybIY7hBfOXSmwQ41vyBvAoLMz\neSkv\r\n=ueNn\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.0-beta.3-purecomponent_1536683833823_0.7050639977358613"
},
"_hasShrinkwrap": false
},
"4.0.0-beta.4": {
"name": "styled-components",
"version": "4.0.0-beta.4",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.5",
"css-to-react-native": "^2.0.3",
"hoist-non-react-statics": "^3.0.0",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-preval": "^3.0.0",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "0.4.14",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.78.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^6.0.0",
"jsdom": "^11.12.0",
"lint-staged": "^7.0.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.2",
"puppeteer": "^1.5.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.3.0",
"react-frame-component": "^4.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.5.0",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.65.2",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.3",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.0.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^2.0.2"
},
"peerDependencies": { "react": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.0-beta.4",
"dist": {
"shasum": "7b3dea9647349db245514e34384bc198781f988b",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.0-beta.4.tgz",
"integrity": "sha512-3j14Kfa9urAYm1eA91Gr+nr6X2+kqg2rz/7Yv3iNotBgYg2nw1iq0/MHgcivoZUzQTh5DrGoNQMIFQmqJQNUDQ==",
"fileCount": 44,
"unpackedSize": 1643458,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbmYsBCRA9TVsSAnZWagAAEOsP/j53mtDJql+mGUN8KEsJ\nBj1Y4TSJWwFhJDjH4zvaR+njVATYeb2XzYWoA1Jn8uAdsC04caZ3Oi2DhFhD\n1XGJcVGraiM9Ge5XHbzhb/jHiKaM9iXVBFFBjGP6kCbfpzFVdcYfHoUzW2KO\nwuMZNWQ+h18idbREr93pN2tzobaCqgHtkQ4ks0KHrDyW5I3Ky0kLI4Zjpxgl\nGNdFaixrXdKZzlzDyTEvlezJ+lDgxCRYHQ3HUQfJDnkXyosZqrFpGdRr28iB\nKnh+GEiXJZFl8kDam9vcOmKZdnKCGzjjPyc+4xU7T5RPVo9HbNIj3Zt76C4b\nOuru4er8O3HqnNbl93kIM/RFvz4ReTuO5Pc8qngdh4TDTPMZvpdCtelfkfXr\nvARaoRYg09cu8dyHQIINrxTAwXW0jGhyiZ8S5QPah5wo6dNnGs7FCqahEJzK\nianmZueOOCX5Ng+WIoE2I59ttlJ8MvQ4wxQkQYf682r72xs6J5Hc3Dijr+My\na3t7/niC+njcOYi8Z5KANrRiRW0O+G/T/12zdmnBpeJ4ynNx0VfJEa3nECQ8\nRFreHv3j8RRPmZhhfoOXOThhybIMVPmrXqgfYDO0nFVa3j1cVQsgV5Kk6j0C\nnxxzflJRLd9rWEJHb9ZXwFKt0OZW5KzRSeJqmFjo60F6piiAyunuvE0iOf4M\nkggw\r\n=O86f\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.0-beta.4_1536789248096_0.41961000826742434"
},
"_hasShrinkwrap": false
},
"4.0.0-beta.4-hmr": {
"name": "styled-components",
"version": "4.0.0-beta.4-hmr",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.5",
"css-to-react-native": "^2.0.3",
"hoist-non-react-statics": "^3.0.0",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-preval": "^3.0.0",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "0.4.14",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.78.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^6.0.0",
"jsdom": "^11.12.0",
"lint-staged": "^7.0.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.2",
"puppeteer": "^1.5.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.3.0",
"react-frame-component": "^4.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.5.0",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.65.2",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.3",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.0.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^2.0.2"
},
"peerDependencies": { "react": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.0-beta.4-hmr",
"dist": {
"shasum": "b9580f8a4496112774ed1e0e88dddd66219a4ee0",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.0-beta.4-hmr.tgz",
"integrity": "sha512-G5oQGIY7jfek1v50ItoBVs3rcQ0L/A84A2EKAa99Eh4sVPfdS4ZRnEItpO+ogAHphdUid+AcHzF/0doGsQAzzw==",
"fileCount": 44,
"unpackedSize": 1627745,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbmuaaCRA9TVsSAnZWagAA9jQP/2CrY4kOsM0+AZvDe481\nMm5gX/pjFTp6N2UxsgigpMPjLjHGpaIYpYQ0BAQO0rMd20jeLFC3h0KQ+pca\nHob/IGgZZtKYcYgsACh3czelPsEmTfoke3JA7Tf7X8t2S9YyRvc6zgx+OxZM\nVR3wjYkeh3IB7+uvTj3WLv4BgHF3twAZ/u7ZWl7dL52DiBMmeEffeBEk6IfW\ndW5/n8PJ5TF0i0Pdv3kX8rtKff0tFbcV5FtqYrE5w8AX3+RF37J/BgNlvEWM\nPtroPbiRwENJMlXGYER459kCsLmVkvRvUY1kge0c3WC74Q4oMne+X76DUY/2\nEJyMWxMZQt3nOnt943EXqeBtO/Q+3z/josOC84nojwXjZMEm7Qy+phalJnyw\nacQm1ZnYFBZunXrJvybQjRnAFA5azFFHYKuH8xv4GDzxHvTUHeFq2ehnhLJT\nKjVRP3c1p1V18YtY/EUFYsdYbQYLyArNmvDQt12HRvSJ7jsgELNmZUPlZUbA\nDlknhuWNpkZwAXoYsTUN68MjFrjHF986TwZotVzt/C+m20SxQjaz+OERsSYe\nPEIf5HwcfvBbo0rZKCyKf4S4ubOedLh4P3pbqNFI5bPsSLV+kbLAQap0hThV\npkFCdhi7sCZDdpRTZ8Tp0RgmvKsNlX/jzSIkQuu5CqAf02t8h5YLZpwyfGF3\nMy+Q\r\n=dSVx\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.0-beta.4-hmr_1536878233660_0.08604751166974256"
},
"_hasShrinkwrap": false
},
"4.0.0-beta.5": {
"name": "styled-components",
"version": "4.0.0-beta.5",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.5",
"css-to-react-native": "^2.0.3",
"hoist-non-react-statics": "^3.0.0",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-preval": "^3.0.0",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "0.4.14",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.78.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^6.0.0",
"jsdom": "^11.12.0",
"lint-staged": "^7.0.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.2",
"puppeteer": "^1.5.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.3.0",
"react-frame-component": "^4.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.5.0",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.65.2",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.3",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.0.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^2.0.2"
},
"peerDependencies": { "react": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.0-beta.5",
"dist": {
"shasum": "b6092346e49720b0e6df8a1d2e42334ca298735a",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.0-beta.5.tgz",
"integrity": "sha512-fBptWM+3+CjU/DRv4Nn15spab+P92440kbGPvkmdHS7ZqqgA96iLfWXmIPr0rB2Nyx0o7UsK/yeiuDJAydZBqg==",
"fileCount": 44,
"unpackedSize": 1629544,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbnEf9CRA9TVsSAnZWagAAa+YP/ioVgIiYVpSzMprbu5e4\nsYqrVUFEZhmykouy5MFeDJo8VP3qwARS7KsAW9pbVyuMS+oRHFtsnVRH3oWu\nax+48U7nyMi+J/D2hOLxVYQFSLR7CKjMBQ0ob+uOS0JEbPi/8WhSrof/gp49\nUqw7U8TvvmjiTqtVJos99fDHctCE6gJGHzBizjH+TID+yq48GgMmPeEN6U5J\n9LRCbbsTsNF5LtwF3TWarK3XEL1xRw4XmVbOswKV/YCyT/kgSIHR+9l02oSh\no47snr0hjyXvgolENqi7fryDn2J1Ko7eliBValv7j96oA+Z16l8hNXTNF0d6\nuqukvNemVBKl5Q6WWKQtojNjG0hP6WKgZWgn6notz6Uz3hI5A3CI4bJ2PYyo\nuTpLgu4EMBJquNIWX1Ay5r4Qc77P3PQCUJL2HfhPFNpef6ZTMdz/1AXyabDg\ngoLmkPFQ3NY3nQ3c6ReMc/biuplzRGjoJVR4ueZeOla+92BB7xV4r0MMKqnz\nquc8IukxqbjN2eIRpxFc9cGOQceB1r1UbcDUITGc1gkgnX8H8WY275dUC7Fk\nzTKQc1OVw7Wjbx/jATXOfSY+qUgVgDLBplDaAmWWwK1wUjR0kTrxeeuvkukz\n0OBm7N7VGyzgh1O45KSNLpAHsR+zY6Ads5wqqdKezFNz3FrF3inA1B/TW5gn\nOyiX\r\n=L/H7\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.0-beta.5_1536968700347_0.670078195969795"
},
"_hasShrinkwrap": false
},
"4.0.0-beta.6": {
"name": "styled-components",
"version": "4.0.0-beta.6",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.5",
"css-to-react-native": "^2.0.3",
"hoist-non-react-statics": "^3.0.0",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-preval": "^3.0.0",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "0.4.14",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.78.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^6.0.0",
"jsdom": "^11.12.0",
"lint-staged": "^7.0.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.2",
"puppeteer": "^1.5.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.3.0",
"react-frame-component": "^4.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.5.0",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.65.2",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.3",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.0.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^2.0.2"
},
"peerDependencies": { "react": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.0-beta.6",
"dist": {
"shasum": "4662cc4110154c52034ccd0636be94b0b35bfaa5",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.0-beta.6.tgz",
"integrity": "sha512-MkAhNgJFHuHmOTRVbc1SVLnOTISwIwhqmcyrgLc5uop4gr3UPVFh/M31m1uLh8dqES20i3y9Cx8AueBgb8dUAA==",
"fileCount": 42,
"unpackedSize": 1633766,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbn/71CRA9TVsSAnZWagAA8iAP/3cpBVpP8KACId9CGslm\nIXIPL2OB5jGJ9qdLvaDFtt4oiozMwzOAPxBwryvd1sODvu7pHykzhrdTrbv9\nHzfdOQHR8VMFD5miqsqX1FjPeuwOLAIOP6tE7wjFtNs0NYoGq3rr1uuGO6dm\nrqJxLtzExR0ijTneqtImStA16yGAaCvojA5NWOLDdew5+85CeM7J3NM6OXr6\ndTlcmCfxm4C/caFbvUZG1H5fRpHtYxlQKv84ouOKKEFB4/CjLGSGDpJVBpzo\n+pR9s4WAuCiDYAyhibfIQY5aAeHgJPN9sIWMoj/14IE1/Z39KdEagmMfOs+0\nXk7lPWL1bX7twn0+NNCdJfknRkCxFi3ouaqjmasEN8FihDKXZvEmDabEfbG4\nykoGzsHWYrJ7qpTwD+7ohZUT/xRBK4emRBJsAGJh/b9L4ILlCHiOqwYde1CB\nb2UlQe8ElJl7XJhr0Y9oqerERVPDc0Ppxx54ARVVuH3q6OtKhsvjBw5rEd37\n3MNOSfmtvoVM9m94DmqtdswvNmRtQmU8qUbu7QMJwKi3Qrk/t9L3BA2tBjJy\n/bdfy9xso5BUuyu0bpVM224tMfpzdxl8AxvJ6VgCe3kPPKSzHVifm/H6BCZK\nEaGKsRWV48BUHLTIXyQaTkHhtSNHqkouZQeFRWHSAfkk4N/OwnFQBFDeuBAv\nfkPe\r\n=4wum\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.0-beta.6_1537212148189_0.5495004638968455"
},
"_hasShrinkwrap": false
},
"3.4.7": {
"name": "styled-components",
"version": "3.4.7",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.esm.js": "./dist/styled-components-no-parser.browser.esm.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.16",
"hoist-non-react-statics": "^2.5.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/node": "9.6.4",
"@types/react": "^16.3.12",
"@types/react-dom": "^16.0.5",
"@types/react-native": "^0.55.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-preval": "^3.0.0",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"chokidar": "^1.6.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.73.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^5.0.1",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"npm-run-all": "^4.1.2",
"prettier": "1.9.2",
"puppeteer": "^1.5.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.0.0",
"react-frame-component": "^2.0.2",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.61.1",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.3",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.0.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^1.0.1",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16.5kB" },
{ "path": "./dist/styled-components.cjs.min.js", "maxSize": "11.5kB" },
{ "path": "./dist/styled-components.esm.min.js", "maxSize": "11.5kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.4.7",
"dist": {
"shasum": "21ff4469ce1f3b56a3ebbd0e9ec97d9f237b5fea",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.4.7.tgz",
"integrity": "sha512-h9gC6CWjgyRvD6i3Uy5mhF/1cDZxt4rANMmPWtFD86M6E1GOhs4ZzzgyGKYm8m8q8rfTqiFkYUF+QNNgpssYkA==",
"fileCount": 313,
"unpackedSize": 3988527,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJboARGCRA9TVsSAnZWagAAvy8P/jMyr6NFPm4b6xZ03FKc\nmHE2KJ2a0sJJY17fNGnlM6Lycfdx4Chica+4zoydMMt7NZ9ShmJTQteaWi6q\noI8HnJ+YHhOsQoghxAx9L4qGiOZ247XMTaBu8n1ZEA3tSU4QNP0YbFh9ORGA\nwxGaKi4vQYuR/AQmAu2gPSF+8ix4AiZRZbIXwVVNoV+qF/EtTLMzSe/JZctJ\nN6yhGrv+UbF5KSahO31zPqHJefI+HF+ZpCdeNRxF10cgBZXI24oRNr3Ix0EZ\nwi6NjGntPKWWYpgd+g1o8e2W8tIhdnMJ9XHyi6gxga8FlYy3fwzHBZsj36y7\nrHzXGkEDgkoC+j58L6Qz9eZ0hgRG1TxrO/IjBpM0nj3narK976D3dCGymckv\n3dHUwoYyyl/VeEjrIg6QoZOtHyoBLJDiBUBDvERHPtI+oRBsKvqhsZnVz2pJ\n+h4JB/xqQgG9JHqm53S8X7peGbBsjgVr/w9h8pYWbcxuZil0ztCCjdmG/N52\n2IKKdK5qLLMyTfNTxQqCBBXtcMMRFiPMRxw6vTbPYsavZuSpB/KimQUxRUzD\nZDwe7XsrMjCWVvkaRIM6G8q3cIxwVYTiwyrTNV8kTVWylasrv6gd7jhSkVxk\n+p/1HqIA5TfGSCsiB4xsCuulOvC62lyAy5zI43PJa7+KSzZtwEli/15RyZGS\nz88E\r\n=wBRd\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_3.4.7_1537213509853_0.33188945007605386"
},
"_hasShrinkwrap": false
},
"3.4.8": {
"name": "styled-components",
"version": "3.4.8",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.esm.js": "./dist/styled-components-no-parser.browser.esm.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.16",
"hoist-non-react-statics": "^2.5.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/node": "9.6.4",
"@types/react": "^16.3.12",
"@types/react-dom": "^16.0.5",
"@types/react-native": "^0.55.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-preval": "^3.0.0",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"chokidar": "^1.6.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.73.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^5.0.1",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"npm-run-all": "^4.1.2",
"prettier": "1.9.2",
"puppeteer": "^1.5.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.0.0",
"react-frame-component": "^2.0.2",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.61.1",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.3",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.0.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^1.0.1",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16.5kB" },
{ "path": "./dist/styled-components.cjs.min.js", "maxSize": "11.5kB" },
{ "path": "./dist/styled-components.esm.min.js", "maxSize": "11.5kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.4.8",
"dist": {
"shasum": "7004ae2c895c1a8a3f51b8754178a31079071468",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.4.8.tgz",
"integrity": "sha512-4jagxrHgldQeRKdSXmTRIjLQZknfR3kGq/tGLZxgxItfYPCvUZbZp1ZspqcbAS3LR6tHf9RBvplV9Vit8fZlHQ==",
"fileCount": 314,
"unpackedSize": 3989742,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJboCv9CRA9TVsSAnZWagAA//cP/RWVqjyXhZN9F6Pxjdjh\n4chW+dhb0Cfdjm9KKHGJAMsTdxInYMmsCbiN/dkk0E4AHQS/4uRlsiABfmAn\nBJ3tRS0UfSX4wNWWAa9pHHWE44Az+4axDIAsPHalgvWUwb6rNW2q2r8KmLLs\n2LFRlhSQUFlVPy4bxedAo+yQGzv83sdCT8sNEXnipBlt6323bWnn/99dZQPv\nP8ouFxIOx9zL/xJN43Zcw6gYPYF5+vUaUVutNMRMG4kDOdw3l1lRIexJAzgW\nif9dN+sBMfXsppMwJOpwnAWX0q+edzq+ITCsbSDnvy2eJr5HE1uIe132lwCs\ncfJxfd82mVbv8Fq0YUXLtcEOLw/ms7fNyz1jtqc3ApyyvMchjkIbWnW+1n9C\nO5vRcbR7GX0wJTCMIhXTKERgzMK7ScIC1rlnoS7IAf5pWRImAZmH4D5X8iYG\nFnIX0S4R8cOndXBgZsRHI3T1nYbtmgUZhhWklaEwdkGbCmsKpAtfTcTEQzJ7\nNcux6yy8p9oAu98SShmPvrwi0bus+0k43E4lh2uCrn2qN3q52hliXX1wVgq4\nheKq5RFmrl8Qe9GXr/+XLjSoG4DNpzq2k14/xRfxOm5tXQqHeI9tLsKf1BzS\nXf1c5H/s2cer62mROAuQZWfF6g0mu7dn3aX9yg2J9iiO+wfm2mwGfGPtNBRC\nuXYK\r\n=vpU3\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_3.4.8_1537223676541_0.824253682535945"
},
"_hasShrinkwrap": false
},
"4.0.0-beta.7": {
"name": "styled-components",
"version": "4.0.0-beta.7",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.5",
"css-to-react-native": "^2.0.3",
"hoist-non-react-statics": "^3.0.0",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-preval": "^3.0.0",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "0.4.14",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.78.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^6.0.0",
"jsdom": "^11.12.0",
"lint-staged": "^7.0.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.2",
"puppeteer": "^1.5.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.3.0",
"react-frame-component": "^4.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.5.0",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.65.2",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.3",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.0.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^2.0.2"
},
"peerDependencies": { "react": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.0-beta.7",
"dist": {
"shasum": "8eae21c2d546b41d863fc915973ef6243d33e485",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.0-beta.7.tgz",
"integrity": "sha512-48DkZYvzX/cJ4Twve2hdyfUxIxbpiDpW7S/fcIBhJw8MFVauwVaxHB8L3l6ufgVQBA3e8pp8w+JXVugXhHipvA==",
"fileCount": 44,
"unpackedSize": 1629436,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJboJLaCRA9TVsSAnZWagAAFxwP/2eGvSyHnNLRtne721Ng\ndDoYOX5bGA9ITihDJa7rFwVx0WmNzGKv+LvkUCk+tNpGG6uN+57SEziT4DW8\nOSAH5554knEvcXhUEi9kFE2XPM1thOeM8gF63kQUEf3795muUEoopbAIEadG\nG8t7dM6BZuTUEE6blgHbbkkgc9kHr42Wf+zaM9tlMCOGnFtwZEOX8nFfgOvB\n81tA9tCfVVSJsLRsaHNzVYkSG1J7vjMDck0lgs0XlaGI2eoqO1B64gWBn558\n8nHOoMa9FRHULqc0Z+c1qYdWDQHFejYPW/bmHEX1EvG0t+k1j0Trb3YWIYor\npu19mrbrVRPwjAdxH4ImQ3rm7zrEDS9lZ+B5y6rE4mp3ayUqnyEqA1xtkjw4\nZ1SY+5OFOutMIhZfnEo4ltIUmB/CXrf+soZUS+cYVndImNJ3hI7rPn4RSCqi\nEYnc4GmutKLB9G05a4Y+EHNFiHHzHFaz7/W108+SDLxZGbN0/PwOv1mOstk5\nmKYJ0pmqkA81sXqnSBPhRmzKUobown1P66YJds/poXMfEJOq5dLPCf/cc1kr\n81bAX0tP4mys/YoMSI+AIDJlGRFONkU1Lkh3Q28pv4yOliOUacrYEqjaDqGK\nq/fCNWm+oXOxHDW+4OMBZs3bnIvCRIcZ+N2YbhkbpGt1clE+NMvRiSdaldV3\nNyGE\r\n=0hyq\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.0-beta.7_1537250009487_0.7076593404388978"
},
"_hasShrinkwrap": false
},
"3.4.9": {
"name": "styled-components",
"version": "3.4.9",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.esm.js": "./dist/styled-components-no-parser.browser.esm.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.16",
"hoist-non-react-statics": "^2.5.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/node": "9.6.4",
"@types/react": "^16.3.12",
"@types/react-dom": "^16.0.5",
"@types/react-native": "^0.55.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-preval": "^3.0.0",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"chokidar": "^1.6.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.73.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^5.0.1",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"npm-run-all": "^4.1.2",
"prettier": "1.9.2",
"puppeteer": "^1.5.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.0.0",
"react-frame-component": "^2.0.2",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.61.1",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.3",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.0.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^1.0.1",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16.5kB" },
{ "path": "./dist/styled-components.cjs.min.js", "maxSize": "11.5kB" },
{ "path": "./dist/styled-components.esm.min.js", "maxSize": "11.5kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.4.9",
"dist": {
"shasum": "519abeb351b37be5b7de6a15ff9e4efeb9d772da",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.4.9.tgz",
"integrity": "sha512-3z3IEkAeDOUa0RBxJUQDK5V5gqL56sqGxyK2Ycaryz2jn3PMgmEMkisSR9RdbFP/RDTDu9n761rNhLC89vofBA==",
"fileCount": 314,
"unpackedSize": 3979288,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJboQ6CCRA9TVsSAnZWagAAi/kQAJUG+0pf3cni3csYFkjx\nSD7orhIcTqss2jS4rkc/aQCT57xP5H+k9OAhR+1YylSd2QzpiTsPQi7+tP2A\n3cNALgs7Ivf1MmWKPk6ymiFZ3GLM4zCfImsmJvKTNQY1sewvIMgYzPYg6+MV\nZgy+Npl7s5lQXcnf4prUXgBAqt1GqVTgkXB/8KEcPrabdRMP0X84cRt51oOZ\nm3FWVBLZ5XD0t1kTiKwcQyH8OLTqqOjs3NdJBETv1aid00SXgG4j3r44owRd\n1Ww8I6olUfsbO8WyKFmRZkKtx1kJhl3rssuR+MKx7wDdhmYvtI3Yqigc3HWG\nmQ/ZubfKbmnifMkWp6qxohfCcJGAFR7pD6UWFZbWgxdviZpseV6Hfa59Mmk7\n1PfxWB0rwKAWuHKc95+z/Zpc4fE6foJpo7JyeRdhfq9vlbmve66fq57wwOHp\nn5DnDSgIY+/d6bS0kT+DcEmP7DGdm74oyQfMWP6q7pCQWbnRs2sooRo9uJmh\n5rsE5DBSX7lx4HJ8Dvqh1PmAbnRkdgcfrUPVUP6qvHunY08jWVd8wPW/jSCH\nnFeKjAC4vXgZuXN2w1kZ5ToPuNNrUgPu7Mn6ZLCnlcldoapceh1/vnDuG6gR\nM8F+p/76feVb2a70hSR4eK4smOGcLHL506Mv9zwxLcefiJzb0DVhkvGUQSiH\n/N/d\r\n=8bwp\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_3.4.9_1537281666002_0.8532692634590886"
},
"_hasShrinkwrap": false
},
"4.0.0-beta.7-hoist": {
"name": "styled-components",
"version": "4.0.0-beta.7-hoist",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.5",
"css-to-react-native": "^2.0.3",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-preval": "^3.0.0",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "0.4.14",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.78.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^6.0.0",
"jsdom": "^11.12.0",
"lint-staged": "^7.0.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.2",
"puppeteer": "^1.5.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.3.0",
"react-frame-component": "^4.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.5.0",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.65.2",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.3",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.0.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^2.0.2"
},
"peerDependencies": { "react": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.0-beta.7-hoist",
"dist": {
"shasum": "0a2e9fb819161bf4089a114148ff9d6471d4339d",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.0-beta.7-hoist.tgz",
"integrity": "sha512-jKYVXa2hmlN7azu8EKbNw+aPGSdpVTeB9Isg9Ll4/Plj9VV59utMAmWYi7xaa3IogXv6EpRU2XyGmcbGSs5zMA==",
"fileCount": 44,
"unpackedSize": 1637197,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbozyuCRA9TVsSAnZWagAA+yMP/1xMnYBUsLZzXFC4/dT4\n6Y80q9jSx4GK3zkS1MU7yQvYCYKdRyznwDzd3gDeyxQo1nGwCCypmTyNrCu5\nzwmZ/Rk+KxY8nMBR7LUcndij3AQxYQ28ECvTEzPCVAUwBhB0ltPaCli+Yzxr\nJ6Fb0u2qvPISp/4pNYqjH1IxyPfpRd7Qe3ngjUtoqZu/f+K3MMJbmXLB9Zht\nxcN+uKuQMZEzrKnm0Gz3a9N48CDro+VOgEhmsca4iPXzyThkQjNOqa49A6CB\nnFMV8hB3p9qOeTmgACw1aWhrlLCPmUsMzvzhDPqIY2m3b7IGg9FZqBDG0aCQ\n2IAfaGU4ZFp+RH4oI0CyX4Pd7JX6MwHyY3uBUKHFqosHZCi2Hjk/cqXDI8O1\nsNa1jSEkysunVnXIC8zmpvXvR+HVjYp4N/89yqWcn3vRvNuIGgk0xbaxlXgl\nEYffFw34hPbXijaiz8lAkZCmDBpOaLRJafkGV0ZwJczvpfd3UoTNUMDDcAJJ\nR7m7v2kL/ezL749thR/7voCMlfAej3qN8SsVEpnMHZ4qG6AjOpIas/oGjqnv\nawjPqcfgUvKdMDLX2hzhAH0JknpheR4kJy8KNqBrORykXLAn78MMGxd/h/cL\n/MwIsR5GjsJyxD956jzEcTCFm5aydFtmcTdZkpLpFoFnOeS3vUvCw1t7qGZ0\nMXe+\r\n=5QoD\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.0-beta.7-hoist_1537424557386_0.41787257448244586"
},
"_hasShrinkwrap": false
},
"4.0.0-beta.8": {
"name": "styled-components",
"version": "4.0.0-beta.8",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.8",
"css-to-react-native": "^2.0.3",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-preval": "^3.0.0",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "0.4.14",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.78.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^6.0.0",
"jsdom": "^11.12.0",
"lint-staged": "^7.0.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.2",
"puppeteer": "^1.5.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.3.0",
"react-frame-component": "^4.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.5.0",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.65.2",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.3",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.0.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^2.0.2"
},
"peerDependencies": { "react": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.0-beta.8",
"dist": {
"shasum": "90430b172ca96915481c0009db1dd76f024cf02a",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.0-beta.8.tgz",
"integrity": "sha512-bwRna+4SlK1s1hN+YlGAa8eh98ViRon7J3VshiBclz0Qgqsgwt7jrZfj9bBWK9eeQ8HWR+n2AQ1ONaJKJ4nH+A==",
"fileCount": 44,
"unpackedSize": 1581207,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbpD6ZCRA9TVsSAnZWagAABUUP+gOIpLefxpy1iAieQTD9\nY96walMlEcfJqcKhXO+xzcPqELCkLDhhZCrmEz03S1uWlfE4lCCBOLB7xZ6X\nlY6wWDjOnE+CuoOL5FwCet4o1Y7UVKWEPy8m42P+sgrkEZlgvvvEfZ81uJ8X\nX5vgnX8b6ty4d6L4/xUNbT1IsYZZbRZ9aEGJOw+IHgrbJdhR4wpWs6PEQ4wt\nvuGk8rCmqRUr6WWEHuiv60LKDj0WyhiyNEpSaOS6ZqBjVVu7KDnyiuT369KS\n/oIUauRrrOBch05kMeEtBPTBeV4mZkFxU/M16QmUC3SuvEFXXF1X2D+XPg0u\nrP9j3hqYtrryRFBRToKbdPEb7i4yBPjGJvXd8Q0GdG/A3CJHP938oeT4a055\nCSA+N3mGprPXZ3H8F336/GQv32y3eak7uWclbnsXH77IREpenpe3Ci55eSrV\nKL0w3n62n3jEXCjCXh/fNbToXWfveuYomI2SIPRDR+Ua4YT5lzqxVo/r22Uv\n0w5ASgGtlg0xJH1WdSHm/uKjg++ZSCb2Vmex+unvboVuGipKrDCXXBOAmawv\nsz7G0shMaaEfLZVy7qMD0il/Rn3ETP5L8S7fLAgKjZ/Nh69TXWR2HMRmkTHE\nEDiYBb4g+jRcHzo22iRXcoziS65Y8vZcdavrAIh3RJMV9u7Px579qSttjNcp\nJ3vi\r\n=NMq8\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.0-beta.8_1537490584532_0.13971090179884982"
},
"_hasShrinkwrap": false
},
"4.0.0-beta.8-unpure": {
"name": "styled-components",
"version": "4.0.0-beta.8-unpure",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.8",
"css-to-react-native": "^2.0.3",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-preval": "^3.0.0",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "0.4.14",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.78.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^6.0.0",
"jsdom": "^11.12.0",
"lint-staged": "^7.0.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.2",
"puppeteer": "^1.5.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.3.0",
"react-frame-component": "^4.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.5.0",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.65.2",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.3",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.0.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^2.0.2"
},
"peerDependencies": { "react": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.0-beta.8-unpure",
"dist": {
"shasum": "b172d9891ad50ecfd788380333d4cbab4d0f0457",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.0-beta.8-unpure.tgz",
"integrity": "sha512-oGdE/zN7UijS5K4c5wMTUQ8sdA+G99uZohGJQhbptU5ISel1UnXN6bC7RZV/dnk1kalKwTmAPtpttol63x1yPg==",
"fileCount": 44,
"unpackedSize": 1581332,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbpElHCRA9TVsSAnZWagAA7/cP+QEqGCkG7gcFv6mBV1M5\ni3ldUpmT+GFNSfRI3XIi3Y+F9iSWxbko7By4/bLx5WI5rajG1o88LqY288g5\n53re172o1O2ySJqn0aczc0ypcHCZgrg4YV29KCqNj2fOnw0iY4CY5fuqEdCZ\n+JqOnJDwAc1mcZuZXCbFS/sv6nfaY3MhYg4QM/zhdeT3WPKfpkWNcPVwRv7k\naSw7qf1ISSXkc6wR8n3wmcPtDWAtH9Ww8l3qJWEWGjSnsNTCVzN6az3l1i+i\nAUfrt8G73yvP873M1pzdPi20sRs/e9FS20zlHcu8GHQK68YHGRPECz2h6tJo\nEpSTXPJcSwks36QlT9jR/nUqCZ1bb+RrJa+3uehgKRSaVj71Go6BBcyyte2a\nUXd45B9RCruimPVNqTlry4I8Pr9Eu8Era7O8TUbyxI/fvDBCVTFkduLN7wc4\n1wrt0kWwb+cTh/lvxpqAJw+Ib/VkqAV8kBGOjalEUP9EUUSwKj0J367rEapY\nV/AtHVvCbSSaSLCEmyVxS1wGzJrhn5Rv2/8yqQYFe8MXCQld2asetDeFU+9K\nY+laOsmI5M/Hx7vzQ4bB0VJN0U825/RJt10HJR1zylpLVao074QDsXXEHNst\npaKrvcu6lFJJRbh0C9OHL6rm1ZklRQUqCAEMoA+AHw08rIB7q+Om8vJqpjCE\nw9oR\r\n=kf+F\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.0-beta.8-unpure_1537493318453_0.5175401162098447"
},
"_hasShrinkwrap": false
},
"4.0.0-beta.9": {
"name": "styled-components",
"version": "4.0.0-beta.9",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.8",
"css-to-react-native": "^2.0.3",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-preval": "^3.0.0",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "0.4.14",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.78.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^6.0.0",
"jsdom": "^11.12.0",
"lint-staged": "^7.0.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.2",
"puppeteer": "^1.5.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.3.0",
"react-frame-component": "^4.0.0",
"react-native": "^0.46.0",
"react-primitives": "^0.5.0",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.65.2",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.3",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.0.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^2.0.2"
},
"peerDependencies": { "react": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.0-beta.9",
"dist": {
"shasum": "34d3fd57e9511a9da98f2007223e1aee1491429d",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.0-beta.9.tgz",
"integrity": "sha512-66WWtadIcH/fpPfRwt/b+eFbjgNxmsB+5a9AZa8EfeVZ40fm7qhfqjswuWxZDdcJYcCeNfW3letz1A/uNG1VLA==",
"fileCount": 44,
"unpackedSize": 1581853,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbqTcKCRA9TVsSAnZWagAAAR8P/Rd9D5w2/Jhad0bSiikx\n00NigQfuKERK9G1OGBnGzvNueXTsv4F3rqHXcaXiIfbBcyFtExwPIKyifRTm\nABJKqvTMzfhwqAiZwZfBuPeOADfBzgyYU+Uj/VnTA3itYmX8AsQVdVQ+rjzw\nXzsEvDkyz2hSi+v/2TyJIJUjJh8/GVC5ss9WPsynk1USrjyCFJZeH9vnM1bO\nttVwDlA6CeWB9hvD6siFsrRzHsMlAERVUnQZ2EIwRni1GolzCB+L+P2uNlJa\nQXE+uuANuCdZWcLzkfMIFCHolGw1ybohHQOxWNuEEJhwOqE+f+ZaJKLdcZU8\nT9Y5DYG801yWWf4oVXmmvDUe26RMHd4Pkvd8lin0G1HHDhqc6ruwq3mNqJol\na4Jqntjkx8clAXXtk5oOOZyJhAZ9svR51Wh66x+XvzVZoeVMTIsNx5QrOxh5\nZ48pJh9ziTOT1OJqU+pbLSHYjYctIl20CT8O+TDWxmTlzHtEJL7vHM0X1I3y\nGGNoInR49iOAgzIe9cWcn/4O9kehhAEN5+VlEB3+KbwbsNH+/aqqSLsFSoR2\nK7xHLCyhYnIgIX2pAvvpoE3UCXYtT85Fyv/Xwd0k0eYFURWNGvIqoGWcsw1Q\n7fORHqYxYOL5sioh2amYQQ2Oh0Ymn9tU50iH17WmT6+KEmPLXJvWVGYulq6g\nRJRN\r\n=omAg\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.0-beta.9_1537816329156_0.2095239272240943"
},
"_hasShrinkwrap": false
},
"4.0.0-beta.10": {
"name": "styled-components",
"version": "4.0.0-beta.10",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.8",
"css-to-react-native": "^2.2.2",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^10.0.1",
"babel-plugin-add-module-exports": "^1.0.0",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-preval": "^3.0.1",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "0.4.14",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"eslint": "^5.6.1",
"eslint-config-airbnb": "^17.1.0",
"eslint-config-prettier": "^3.1.0",
"eslint-plugin-flowtype": "^2.50.3",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.14.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.7.0",
"eslint-plugin-react": "^7.11.1",
"express": "^4.14.1",
"flow-bin": "^0.81.0",
"flow-watch": "^1.1.1",
"husky": "^1.0.1",
"jest": "^23.6.0",
"jest-image-snapshot": "^2.5.0",
"jest-styled-components": "^6.0.0",
"lint-staged": "^7.3.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.3",
"puppeteer": "^1.8.0",
"raf": "^3.4.0",
"react": "^16.4",
"react-dom": "^16.4",
"react-frame-component": "^4.0.0",
"react-native": "^0.56.0",
"react-primitives": "^0.6.1",
"react-test-renderer": "^16.4",
"rimraf": "^2.6.1",
"rollup": "^0.66.2",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.8",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.1.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^3.0.0"
},
"peerDependencies": { "react": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"husky": { "hooks": { "pre-commit": "lint-staged" } },
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.0-beta.10",
"dist": {
"shasum": "59c9243399a48ae040285e501a4f5acc6afb0071",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.0-beta.10.tgz",
"integrity": "sha512-TuF8PjQJUe4D1konsEej1OJfWXPQwFUDDowHV4hI+pz9ZeCwPl8pV1p3uDesGPyUBMqfyG7HYt5SsnPpxl+02Q==",
"fileCount": 44,
"unpackedSize": 1584661,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbtnrCCRA9TVsSAnZWagAAsVEP/2zxJyiavBsU8XgcN15Y\neOryJ94otiJqLglM4TiTc95x+4uX7JGNrzzxxSawCucLI0AQWnZMWluHyc1c\n7vLiq5zI8p+07kBSIagUW5RTkg0ojLtczYsmcRpSiHMS9MB/yjPnR0QkDWaB\nU55w2jm/9kD1HMDrvRhzNOPBY9CTeYG9aPO9AFN1hZeMtgMnni7JHW7MoMi5\nY43wQk0HQrFZ/cs7J/u2G7H7ntAy40IcSqHywZ7XigPY8YPeTNq6C/c6kR8r\ngIkvHLUfDoKcjsj1JP/P8Kaz6dudfemEMZc+OYlCwS7RrBU7xE3gQDTqZOcC\nGCKk4eZIUAbyLZLWdK26laiS4/0AH0uGp2sHQWsxZoj90+Qnvc+3dDeoGirX\n8lBCIq1SeYeaUA6sLbabNomhBCJ8y2hndXNsffjO+IBx22IVycQ6RxziqEwz\nxUzi3ZmqulZf+LXv/5AQr7uShKu38ehvzGk9ShHttYMapQsOFs5WyG8i+GFZ\nHokAvOvBasFAi/MbgDdz8ocL5Jzzyz2YwJVTxovZ8FYqYJVPAtS0BrImbDDU\nnT02apm+m6B7MRKY4l6nHU3yDD5e9DsyydFRg+Zfq4Zhl4wcauIQPmY/m2os\npYVbHItJ7yaAjdPH/Y3pK084i/rthd/tb9LmHCj0mhBkHOscc812LkmBVD8z\nUVaj\r\n=tSLL\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.0-beta.10_1538685633398_0.9885753526518146"
},
"_hasShrinkwrap": false
},
"4.0.0-beta.10-1": {
"name": "styled-components",
"version": "4.0.0-beta.10-1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.8",
"css-to-react-native": "^2.2.2",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^10.0.1",
"babel-plugin-add-module-exports": "^1.0.0",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-preval": "^3.0.1",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "0.4.14",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"eslint": "^5.6.1",
"eslint-config-airbnb": "^17.1.0",
"eslint-config-prettier": "^3.1.0",
"eslint-plugin-flowtype": "^2.50.3",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.14.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.7.0",
"eslint-plugin-react": "^7.11.1",
"express": "^4.14.1",
"flow-bin": "^0.81.0",
"flow-watch": "^1.1.1",
"husky": "^1.0.1",
"jest": "^23.6.0",
"jest-image-snapshot": "^2.5.0",
"jest-styled-components": "^6.0.0",
"lint-staged": "^7.3.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.3",
"puppeteer": "^1.8.0",
"raf": "^3.4.0",
"react": "^16.4",
"react-dom": "^16.4",
"react-frame-component": "^4.0.0",
"react-native": "^0.56.0",
"react-primitives": "^0.6.1",
"react-test-renderer": "^16.4",
"rimraf": "^2.6.1",
"rollup": "^0.66.2",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.8",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.1.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^3.0.0"
},
"peerDependencies": { "react": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"husky": { "hooks": { "pre-commit": "lint-staged" } },
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.0-beta.10-1",
"dist": {
"shasum": "a9c7c8316493429ca9eedf4847baaa534296d6d2",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.0-beta.10-1.tgz",
"integrity": "sha512-w6BBoG4rzU9h9/PvXnJ+K3kArgowLiT0iQugoBtGJYZQs/W79dS81qlY816oud8RMY9UancO857IxxKR19mYuw==",
"fileCount": 44,
"unpackedSize": 1586535,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbunDnCRA9TVsSAnZWagAAkCYP/1S3zRJ/efGEj0QXT3Lq\nUnNHRW+soxrM89wI46LF8us8sM0KNHahlK/2/iohLtBNsmlZU8CJgx2/7ddH\nWRcaL9jvLFJ1goD7SwT1Udo0kyS+vgD1iNdAOYpx5gqOHdTERZpPNnSBKPdo\n2CdmMoalsPWuysTMJRrwpeqad1hEtPsCDPEz+mAMbHp4Uga6H3JLuZ+S3Erx\nbDqTiAnFprRoXHLFG1jzfByoNJBgPvt+Qgbro1T5FxUdS3483qBuULdFC3LV\nKYGTsydPt6cJIUmslWP5bFjtsfy2SaRfxlEGClaL7OOdKKpaRzDZvw1E4bVp\nVinQiwXbWfPSkJdf1D7uiDQH2JTWeWzAKdNhgA9zMihRhMbcENViqYcN19xI\nY/yhca08WyH/GFVYA6Y4pAObIhcDDnn4mZ8vdtAWhbge+7A8iFiQU2hfGjsz\nAq+gLwTOhLgQGEfHXy8CJ9Yv3jCZgbNUk3BFhEroYrpeKR2fX3mjID6MC8yA\nV3KkAeUkcjSWp4gFs7qQVBQqEQxB1Ttoz2NSJ4zlMjNTUSo3DC9t1uxrux0c\n4dPPOF/YrqFaD6akhsluChRBwUEH7/mpVhdjEPJQ0PciDyOHeJEbnYSBVx2H\nUMQcOxQ3ccrlc43kJTRFOnst5g/L11x9HHID8cJTHLYdsS0jRUzsY4YOQRc6\nZO0E\r\n=R7SQ\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.0-beta.10-1_1538945254747_0.7948799688401529"
},
"_hasShrinkwrap": false
},
"4.0.0-beta.10-2": {
"name": "styled-components",
"version": "4.0.0-beta.10-2",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.8",
"css-to-react-native": "^2.2.2",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^10.0.1",
"babel-plugin-add-module-exports": "^1.0.0",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-preval": "^3.0.1",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "0.4.14",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"eslint": "^5.6.1",
"eslint-config-airbnb": "^17.1.0",
"eslint-config-prettier": "^3.1.0",
"eslint-plugin-flowtype": "^2.50.3",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.14.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.7.0",
"eslint-plugin-react": "^7.11.1",
"express": "^4.14.1",
"flow-bin": "^0.81.0",
"flow-watch": "^1.1.1",
"husky": "^1.0.1",
"jest": "^23.6.0",
"jest-image-snapshot": "^2.5.0",
"jest-styled-components": "^6.0.0",
"lint-staged": "^7.3.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.3",
"puppeteer": "^1.8.0",
"raf": "^3.4.0",
"react": "^16.4",
"react-dom": "^16.4",
"react-frame-component": "^4.0.0",
"react-native": "^0.56.0",
"react-primitives": "^0.6.1",
"react-test-renderer": "^16.4",
"rimraf": "^2.6.1",
"rollup": "^0.66.2",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.8",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.1.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^3.0.0"
},
"peerDependencies": { "react": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"husky": { "hooks": { "pre-commit": "lint-staged" } },
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.0-beta.10-2",
"dist": {
"shasum": "ad267cb1b554c2ce348263171e6f29b53e6204f0",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.0-beta.10-2.tgz",
"integrity": "sha512-HD5UYbImBtLWsu0UcKZPhaJs/c1Q7llDEoeq8FvqmGO285aMUiQ4VwPBwZ3NqIuvSy5abboqmiizevrRL1UJNA==",
"fileCount": 44,
"unpackedSize": 1586721,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbupyACRA9TVsSAnZWagAAX/wP/3U4Bd1LQM5yJ417+FWA\nxAWnvGRHalOym8V1e4w98056JDi8+lbLnqd+rK6swy4t7cTwpVv7su1d+xBP\nr8JMF9y5Wh5MTLzYtzserQsXxQodc3l6wYm6QAuQ9MV34bSSRwiiMoGZ17Z7\nJaSh1v5xqyzHElXV5HKCZGyf6jofCYmzbNzb1qYrNdglyfCZwuI6LBaoraHE\nx9hmq69Nn7WHxtLaTXQBffFrzJtvraLG6suh/3Qf/CWQyFf7tTBwDSswvulA\nATn9Yds3A32Ue/Et7l8XqFJlNxLqJrfDHKiIfRThFACx3HDnqRKqAYLroiGK\nYpzDvBIFOT1//tzwboMoj2KUbL2iyoVuyP1yuKuEN9wa5YSevYdAk3y64x20\nLLFbijzowUbgIUS7qOGR0M6m8Q7bkm9+eT+ewRuKSy8p9O0zXSVjBbESshDz\ncjpggeF74Q+wKUeHIa3AUsMKqSvbiyiX5dtU/dcSFld5SOrpqwbuHxS5BplF\nOXobF/eyacCnAaGgyTP4fJqQ0vugIpiwlypSUsxa8ncRWrw2yElR2OUsctQg\nSSToCoJh39KchXTvW3XQdqdd6h1Y2n/O50v/87h4O7UzkxzX6aPi9E3gmBiV\nXx84XARfnGoo8uD+wwoKm/yDAhSMTeP47zeQd8VQZsi21aQYqJXv2HWIzQHp\nRGig\r\n=Q+e0\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.0-beta.10-2_1538956415713_0.7463529643792717"
},
"_hasShrinkwrap": false
},
"4.0.0-beta.10-3": {
"name": "styled-components",
"version": "4.0.0-beta.10-3",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.8",
"css-to-react-native": "^2.2.2",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^10.0.1",
"babel-plugin-add-module-exports": "^1.0.0",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-preval": "^3.0.1",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "0.4.14",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"eslint": "^5.6.1",
"eslint-config-airbnb": "^17.1.0",
"eslint-config-prettier": "^3.1.0",
"eslint-plugin-flowtype": "^2.50.3",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.14.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.7.0",
"eslint-plugin-react": "^7.11.1",
"express": "^4.14.1",
"flow-bin": "^0.81.0",
"flow-watch": "^1.1.1",
"husky": "^1.0.1",
"jest": "^23.6.0",
"jest-image-snapshot": "^2.5.0",
"jest-styled-components": "^6.0.0",
"lint-staged": "^7.3.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.3",
"puppeteer": "^1.8.0",
"raf": "^3.4.0",
"react": "^16.4",
"react-dom": "^16.4",
"react-frame-component": "^4.0.0",
"react-native": "^0.56.0",
"react-primitives": "^0.6.1",
"react-test-renderer": "^16.4",
"rimraf": "^2.6.1",
"rollup": "^0.66.2",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.8",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.1.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^3.0.0"
},
"peerDependencies": { "react": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"husky": { "hooks": { "pre-commit": "lint-staged" } },
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.0-beta.10-3",
"dist": {
"shasum": "87a8a78cf036b79ab38b5a428761c18c8bd50747",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.0-beta.10-3.tgz",
"integrity": "sha512-7BPacLJNIGf/pleX7zgggM57yonPJ54F2G4EdoSDUlNqwqIL5YwMDEfLuwGPtKJAx2v5VjV91Ef8dgZaY0r1vw==",
"fileCount": 44,
"unpackedSize": 1586859,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbusD0CRA9TVsSAnZWagAAZxkP/3yZb82k5dK5Xcxen4HI\nmlaGSYebisYciohbKTP7E8HaUaN73nGOnr8G1wJYPRGybyH1UgrOnEWbRPBW\nen+JXlskB+UCQRDzc0x43HmYdP10zW46iKY+vFLX9uu4lBHVbA2FgUnfwFm9\nUBw8O9y2LAj9h5ywFKF9+mvtrTNG9KRlKvEhYCHoNWoZmCqbPinth+/igLFf\nOEs4p+kSvYk32xWSzdUDuKwqENMAzBY+G7Vi2s2f9vrT/Nr8KKNzvifqQDrN\nyNV4UqpRAhDZmvDkukDmnkYLV4+afUaQX9ySYWAxjKLn5FkOPtiwwmr1B9Wg\naDAZUTORO/Y4+g9WkqX/2cWX64DhVKftuyf//0Dz1AVB8fJp8wCB2pj6Mql0\nVGdWecQzqADiLGrTAQ0NkjjJsUkD9Vf5HCRR81YNkX32pg7wV7ZbTyWvMpxD\n+Jaj/66fUFIjuxrUFF9M1x1WpJvJX50EDY0hjAL/2KKJozP8b5MLvTJVS909\ngys8tMwSTnC64fLtm8y4QyCUcVHZwOgVkMFhrJIUYJZRcDByX6yydIZWnhSC\nV7DAs36Qd2d0LM+3itMWnWsOE2GXFdZJvQm+a/eOF3hjUOhb8CqNO6rzEhUn\n6LVf3OwM8MkWyW6x0JMBOIkfn8tUfGL7I/lc6WrMr4wemjNP9Sbo1Ayjiu7H\nYage\r\n=vfUS\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.0-beta.10-3_1538965748036_0.6991296233785382"
},
"_hasShrinkwrap": false
},
"4.0.0-beta.10-4": {
"name": "styled-components",
"version": "4.0.0-beta.10-4",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.8",
"css-to-react-native": "^2.2.2",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^10.0.1",
"babel-plugin-add-module-exports": "^1.0.0",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-preval": "^3.0.1",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "0.4.14",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"eslint": "^5.6.1",
"eslint-config-airbnb": "^17.1.0",
"eslint-config-prettier": "^3.1.0",
"eslint-plugin-flowtype": "^2.50.3",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.14.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.7.0",
"eslint-plugin-react": "^7.11.1",
"express": "^4.14.1",
"flow-bin": "^0.81.0",
"flow-watch": "^1.1.1",
"husky": "^1.0.1",
"jest": "^23.6.0",
"jest-image-snapshot": "^2.5.0",
"jest-styled-components": "^6.0.0",
"lint-staged": "^7.3.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.3",
"puppeteer": "^1.8.0",
"raf": "^3.4.0",
"react": "^16.4",
"react-dom": "^16.4",
"react-frame-component": "^4.0.0",
"react-native": "^0.56.0",
"react-primitives": "^0.6.1",
"react-test-renderer": "^16.4",
"rimraf": "^2.6.1",
"rollup": "^0.66.2",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.8",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.1.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^3.0.0"
},
"peerDependencies": { "react": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"husky": { "hooks": { "pre-commit": "lint-staged" } },
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.0-beta.10-4",
"dist": {
"shasum": "0c58021c69bc9c6b53a8d1fe530f8764f4b12a91",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.0-beta.10-4.tgz",
"integrity": "sha512-7+5+tQ28lBumAOLh86uIMkje82mw+jcOBjsHklAk0pyx7MelQUtJn2DKR4dUQxZegkB0H44V399hGB87o1Wdxw==",
"fileCount": 44,
"unpackedSize": 1586889,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbus2aCRA9TVsSAnZWagAAcioP/1Z2E5qJVOY8JVf3dow3\nMzNVsdp9ThTHb3C6TwmFuX6JddiM/t68x7AcJd+g94sBSMfNrNnk7Oxme6sH\n6ZzlPNwtZfMm1RrgsnujfbS6WR3mwpJufpYjfUtFMzvruoimXTJBr6xML19D\nJPSoeFYPycw8Q+K8cnaSk8UgLC1bGwN7mqD/oeuOdYET5wMTThfzwknZVPkc\np/n1y9vipDJZ2OB7j8JCNdEB03Y+fZTOgAmicJCJWjv/HsQBq6IDmHFTCoyv\n0Xk+V+LwM/wNGN2y5W4NgslhAtN7zlPfcKglv5cryul3CHdDcuKFNTlvqsdd\nkTXIJY5AjVZx3v4/TGxlyxcy3HIthm5uVTPPDJHaRGKUM8SbqrgKY7TmWqOP\n88V1r+BCGz1FV9vvf3FPqbak5nRQyvo5t9VSrfP5VwvGRoC9QsXANSdlUaqZ\neK2AabHX2YyobmG0r22eJwGLMU2+zC/5UrmeAxB1mT+V2PUsg5quuw9yK/rA\nmtdfoDZ2UPolcplqNzZKYmMk5PrOIFSZ8KcITRd+qIRAMAX5nmywHLGM+503\nlmeR+rmoHymjqyU5YMvnK3dAVA4M2V/3QF4WEgOvn3Uh1LgYjJfLkb6HSuZC\nkMk4dDh2TrmaI+ZXkj5FISziKeniaumrpbU0a3w5u+MJ0DyRKs8eUaVajRyq\n5REq\r\n=z5GV\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.0-beta.10-4_1538968985360_0.7693206782103876"
},
"_hasShrinkwrap": false
},
"4.0.0-beta.10-5": {
"name": "styled-components",
"version": "4.0.0-beta.10-5",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.8",
"css-to-react-native": "^2.2.2",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^10.0.1",
"babel-plugin-add-module-exports": "^1.0.0",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-preval": "^3.0.1",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "0.4.14",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"eslint": "^5.6.1",
"eslint-config-airbnb": "^17.1.0",
"eslint-config-prettier": "^3.1.0",
"eslint-plugin-flowtype": "^2.50.3",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.14.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.7.0",
"eslint-plugin-react": "^7.11.1",
"express": "^4.14.1",
"flow-bin": "^0.81.0",
"flow-watch": "^1.1.1",
"husky": "^1.0.1",
"jest": "^23.6.0",
"jest-image-snapshot": "^2.5.0",
"jest-styled-components": "^6.0.0",
"lint-staged": "^7.3.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.3",
"puppeteer": "^1.8.0",
"raf": "^3.4.0",
"react": "^16.4",
"react-dom": "^16.4",
"react-frame-component": "^4.0.0",
"react-native": "^0.56.0",
"react-primitives": "^0.6.1",
"react-test-renderer": "^16.4",
"rimraf": "^2.6.1",
"rollup": "^0.66.2",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.8",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.1.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^3.0.0"
},
"peerDependencies": { "react": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"husky": { "hooks": { "pre-commit": "lint-staged" } },
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.0-beta.10-5",
"dist": {
"shasum": "541c409e46bce2aa1fd9359600cf02b170a1afae",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.0-beta.10-5.tgz",
"integrity": "sha512-gFPcbDG//GQiLJ87qmVMK8aWbaBu5pVRS5NQXE13B6L4HIsCpipKNYXr0RFa1dwP3WEfzoykdNAIkajtBNVWxw==",
"fileCount": 44,
"unpackedSize": 1592269,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbu7UgCRA9TVsSAnZWagAASuMP/iqRpT3hes4ywh7XTcqu\n4yHQNbMFBY2h6e9CpJYQ8wBiZFCzBU7kTw6065KSYTgqvAefzGQVVdNM61BP\nu7Yz3CTj471gZasaltO4KEZkiHVlAZnCdmCnJjZ8pBK/xbaXIAZaicFE08xJ\nzaG0eirIqeK1wsH4t4DfmraUXqLEuwDKo2CY7pPiBRnHxiyu+V/+CsVpK0Fq\nKqGICtPH/mOVfq3LvDS70BGMW2G4UNjIFZBCSL239yjKKJKC73qz95h+5LtB\nlTRzXpiTxDwYc2ywjJre5vpznF7PN7r7e3pWZxszOY9PSctc48wVOOZUSZjd\n1CIasuNfO705XVYhTYMhqfOT1+Au7yQRnQdM82zk47KHfFHptUbBu6QIBYEM\n3n84SuxZ20VkWoxeug7TNEmRzFDS3Jgb8x2mmgsu6gkVfiKP3CtfMfxfar4D\nFr7YASZzAkKhotoyQVcWPzoj/cXIqFAJTP39gvzfqLDyyJrIPlEDTZBT2sZU\nUTGQVtA98uUB7Ab5EawUUO/8HCGCrXxgiSYQxLwY/A4dmbStQmMJ2SUYJJnQ\nQ+Hyc1Y6SvtTFdJ0SQ3F4+lCaljUJa5YZ813Zni9+8euJTXIWCXzmvc8Aorw\n9v10ifbur27DB7FVH+FUWVSBn5kmJGBnQtigMSjAhkvyfQIagpK7JAI056pp\nnTx6\r\n=y0VL\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.0-beta.10-5_1539028256050_0.8695660827468752"
},
"_hasShrinkwrap": false
},
"4.0.0-beta.9-macro": {
"name": "styled-components",
"version": "4.0.0-beta.9-macro",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.8",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^10.0.1",
"babel-plugin-add-module-exports": "^1.0.0",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-macros": "^2.4.2",
"babel-plugin-preval": "^3.0.1",
"babel-plugin-tester": "^5.5.1",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "0.4.14",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"eslint": "^5.6.1",
"eslint-config-airbnb": "^17.1.0",
"eslint-config-prettier": "^3.1.0",
"eslint-plugin-flowtype": "^2.50.3",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.14.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.7.0",
"eslint-plugin-react": "^7.11.1",
"express": "^4.14.1",
"flow-bin": "^0.81.0",
"flow-watch": "^1.1.1",
"husky": "^1.0.1",
"jest": "^23.6.0",
"jest-image-snapshot": "^2.5.0",
"jest-styled-components": "^6.0.0",
"lint-staged": "^7.3.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.3",
"puppeteer": "^1.8.0",
"raf": "^3.4.0",
"react": "^16.4",
"react-dom": "^16.4",
"react-frame-component": "^4.0.0",
"react-native": "^0.56.0",
"react-primitives": "^0.6.1",
"react-test-renderer": "^16.4",
"rimraf": "^2.6.1",
"rollup": "^0.66.2",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.8",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.1.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^3.0.0"
},
"peerDependencies": { "react": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"husky": { "hooks": { "pre-commit": "lint-staged" } },
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.0-beta.9-macro",
"dist": {
"shasum": "884df4cec4cbde0e94747a0a0d9792d1b39a2be8",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.0-beta.9-macro.tgz",
"integrity": "sha512-OqNSx/WbvHZaDhEjMVn6yXj5H5IN7kHqEA5RBh69Yv9uvQu9/gwPZaYKefbwRJ60FQK8tS2uE8bLVu57guQYLw==",
"fileCount": 48,
"unpackedSize": 1793012,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbu8mhCRA9TVsSAnZWagAAUaYP/RWJza9EO/7wnpWoXsXB\nusUSKvXyAd1P8Q7goy7X5DdSREzciSg8c/Xmj/BfjnOwr2ZqM1xkuc1JXLev\nY907YcBK7Ta8ucLtOCh+o7jPLjFbSmf9PGyMJV9lHpUOnzD22qwsOjwx/AUA\nEEMcEunNzRnbIF6IvP2r5wnaIGT3Qq5kS8gG0lI/X5xkHFudqSDIXLF5rTGS\n2y0LBcpE6YvHVA7HfWcDM9z2BMxsZsYbaG7PkvZzKYKQaWvKgecwtZZL//2P\n8ouyeLuSgABceBhv9DuNZmN0eagtqLTLnCZEDHR8qbbPftm8YXHtHLBBKCVT\niFDHBCIAkkndAiWOKSMK25RPr6mAGTI+iBJRjfs334Wr2bfJ4W8h8Sp7ozHN\nWelHB41Nyx4rBB3JFogo7hBQynOnNxhqEZYlSyJdaZK14oxF9ZZVaGBD/InU\nnAyldDcKrODAiGg4oS1tgwjdqEqLfwuQeo2LRyXsjg6NFRhMWEFngOJuo1w0\nNFsK3FGxIzV39M2u28TJT2hBzbv5SwTlGkzh82QhkN4tDOPqkeaJ6tkDyJnn\nLPKzD2RWx0sW/J66VwcAlb7nf+Zs/D3dHi1NzmVRrLH8YfCzpQiDIQn0zXpt\nOpuvIJIKoH/wXX32ulEEfs9PH/tu/QsN6j6GW59sa7O0BWoHMvXsSPDOEzmC\n94bC\r\n=o2BA\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.0-beta.9-macro_1539033499036_0.6229056934594932"
},
"_hasShrinkwrap": false
},
"4.0.0-beta.9-macro2": {
"name": "styled-components",
"version": "4.0.0-beta.9-macro2",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.8",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^10.0.1",
"babel-plugin-add-module-exports": "^1.0.0",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-macros": "^2.4.2",
"babel-plugin-preval": "^3.0.1",
"babel-plugin-tester": "^5.5.1",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "0.4.14",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"eslint": "^5.6.1",
"eslint-config-airbnb": "^17.1.0",
"eslint-config-prettier": "^3.1.0",
"eslint-plugin-flowtype": "^2.50.3",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.14.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.7.0",
"eslint-plugin-react": "^7.11.1",
"express": "^4.14.1",
"flow-bin": "^0.81.0",
"flow-watch": "^1.1.1",
"husky": "^1.0.1",
"jest": "^23.6.0",
"jest-image-snapshot": "^2.5.0",
"jest-styled-components": "^6.0.0",
"lint-staged": "^7.3.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.3",
"puppeteer": "^1.8.0",
"raf": "^3.4.0",
"react": "^16.4",
"react-dom": "^16.4",
"react-frame-component": "^4.0.0",
"react-native": "^0.56.0",
"react-primitives": "^0.6.1",
"react-test-renderer": "^16.4",
"rimraf": "^2.6.1",
"rollup": "^0.66.2",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.8",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.1.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^3.0.0"
},
"peerDependencies": { "react": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"husky": { "hooks": { "pre-commit": "lint-staged" } },
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.0-beta.9-macro2",
"dist": {
"shasum": "2e0647ee01d59153de4a571f44245b91d99c3268",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.0-beta.9-macro2.tgz",
"integrity": "sha512-WrM++1bXwLpB5GmYsPMxJkAXpdv5kuMQwb25NIaB0xIJgnzFerIl/ytWL2WUjZ9UncPPkfXnzfk2z3Wr8OUivQ==",
"fileCount": 51,
"unpackedSize": 1793297,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbu8puCRA9TVsSAnZWagAAvQ4P/iq1hIS4PqQ8GImzHSD7\nPDYwsqm2Fnb3tZyh+YGdh00h8aXJHJoJazNqTMqnCoMnPoZ73dfz2p4X6xsx\ndqBJ9m6o051+U0eraT/IFeqGaFYz+//7qGpqUWe2NWAlW4JVjTz/N72BeXh3\nLb5XgyoWkJRj4dtwX1ArCT7/VhhwbDZ7bJyit359/A+hU/ffgW0F7txb6qWo\nOqRSuWZHgV4fbXg6hLmQLst9zFwro2MRFcYpWkgohhNgtudeGe/YeQg0dV4D\nQo9iFSnRQOTYP9B0Jc8BJdKOukE1tjmHXsSfr9oILAZLfD8chCU0GlsGBegQ\n/AA43Tt3XXKikwdg1yPwCCALCBVy1lu7OOQspad2YF+YtGz6OxXaE0U95lZP\nFAILXgUzKjrnpr1EnqjaeK4kEQrmFxJjaZCNNIr55OiVO68WtlsvrfGfW5/8\nVHqi5nmeKinOZ4ELO9zmSYr5mfze5IbQPhiJ8OGSUUUV2CjrXijPzcyvy3nX\nHFox68DRfHQqCWa3wbR/fG/bgUGvTfODMwYgUVyn715vUSsDC1dEeZtHRtv8\n53w1AdNiKunej1NECpzAe65CaZWlW/jszmf+2DMq0vJxLKQWDoSrpQge4OKo\nh6EKV1xOAlr/7g/pttRg7UHPDXev71TNOqYJqK/fXAI+pWkePOnSdn7w3a0H\nrIUa\r\n=4eWN\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.0-beta.9-macro2_1539033709559_0.43753469547589763"
},
"_hasShrinkwrap": false
},
"4.0.0-beta.11": {
"name": "styled-components",
"version": "4.0.0-beta.11",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.8",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^10.0.1",
"babel-plugin-add-module-exports": "^1.0.0",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-macros": "^2.4.2",
"babel-plugin-preval": "^3.0.1",
"babel-plugin-tester": "^5.5.1",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "0.4.14",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"eslint": "^5.6.1",
"eslint-config-airbnb": "^17.1.0",
"eslint-config-prettier": "^3.1.0",
"eslint-plugin-flowtype": "^2.50.3",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.14.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.7.0",
"eslint-plugin-react": "^7.11.1",
"express": "^4.14.1",
"flow-bin": "^0.81.0",
"flow-watch": "^1.1.1",
"husky": "^1.0.1",
"jest": "^23.6.0",
"jest-image-snapshot": "^2.5.0",
"jest-styled-components": "^6.0.0",
"lint-staged": "^7.3.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.3",
"puppeteer": "^1.8.0",
"raf": "^3.4.0",
"react": "^16.4",
"react-dom": "^16.4",
"react-frame-component": "^4.0.0",
"react-native": "^0.56.0",
"react-primitives": "^0.6.1",
"react-test-renderer": "^16.4",
"rimraf": "^2.6.1",
"rollup": "^0.66.2",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.8",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.1.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^3.0.0"
},
"peerDependencies": { "react": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"husky": { "hooks": { "pre-commit": "lint-staged" } },
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.0-beta.11",
"dist": {
"shasum": "98aeb4c5eaeb94052540f6f28b54fbe5d668f905",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.0-beta.11.tgz",
"integrity": "sha512-uI7MK8JsIKs4xZoUUd2qHEp87iSjjhrgXX8CA9H+yHWhjX1kqyTLU0ePYh+CAFd06NUpdaEfo1K5c7xLT1YYdw==",
"fileCount": 51,
"unpackedSize": 1817157,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbu+ZuCRA9TVsSAnZWagAAHPwP/jRgqmiID+JY3QAdrwak\n8frXkrkgTIR82r7iN6s6IvzJaHzmbZheJctfCwqtPGxjEFgDwO9+cas/KmDd\nb5ZZ3IAELbqsw3+7pz662f0pzZ1DYZ799ihFh/VTzXPmV1wX6hqEWxcZgdPT\nWBSt6Cl+KNj2b6BB0dLvWUCrc7PmTfBfEG1NYUzUZFYUbNq29iB1WT9O+A0w\ntWdU50DnVJRo5xjnZG/cKHCCj6B0fAE+7gD6rQEtTm6rc2ohtUKUf1thJHbz\n5Xc/gNwDsLX5vhPsRWiBwiTVnAzbzNetTWGFu82cAIgNu+jO34J9xkvmbqt9\nNbKDP+TyuCNnF9W+/W1nz3u+whuF/wDnFsdjzufU3duQtRzqbGFPgg51VXXR\nLXZFptV+77x6h1loFoSbn0u2X/B+h9nvfcmIL6GyGFQ3YNdgkG2Xp/aMHmDs\nBbUHsS/DMGPebfJlWtbdGzb6t4y/uLujcJ1IDR7mgAmc72QwaZ7Q8qedP3aO\nEimPB//tMryOQ9T8dOQ48i0qmosB8GdKQaGMu5YFMAKDlSJyOh4E9bSzdFR4\nEcqrPCmL7VW37DWPDAFaRIOHACZ7bDIi5OV28uy+91NFlAy/w65hnOYcKoMD\nmn82SVe7iRqGdqw526pHV7O7rQ9CqQpfDIClkMTu4Ga+Ijoz0gVE66FkV+2e\nQTjO\r\n=u8gX\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.0-beta.11_1539040877522_0.027456615571542553"
},
"_hasShrinkwrap": false
},
"4.0.0-beta.11.1": {
"name": "styled-components",
"version": "4.0.0-beta.11.1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.8",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^10.0.1",
"babel-plugin-add-module-exports": "^1.0.0",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-macros": "^2.4.2",
"babel-plugin-preval": "^3.0.1",
"babel-plugin-tester": "^5.5.1",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "0.4.14",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"eslint": "^5.6.1",
"eslint-config-airbnb": "^17.1.0",
"eslint-config-prettier": "^3.1.0",
"eslint-plugin-flowtype": "^2.50.3",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.14.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.7.0",
"eslint-plugin-react": "^7.11.1",
"express": "^4.14.1",
"flow-bin": "^0.81.0",
"flow-watch": "^1.1.1",
"husky": "^1.0.1",
"jest": "^23.6.0",
"jest-image-snapshot": "^2.5.0",
"jest-styled-components": "^6.0.0",
"lint-staged": "^7.3.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.3",
"puppeteer": "^1.8.0",
"raf": "^3.4.0",
"react": "^16.4",
"react-dom": "^16.4",
"react-frame-component": "^4.0.0",
"react-native": "^0.56.0",
"react-primitives": "^0.6.1",
"react-test-renderer": "^16.4",
"rimraf": "^2.6.1",
"rollup": "^0.66.2",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.8",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.1.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^3.0.0"
},
"peerDependencies": { "react": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"husky": { "hooks": { "pre-commit": "lint-staged" } },
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.styled-components.com/docs/basics)\n- [API Reference](https://styled-components.com/docs/api)\n- [Theming](https://www.styled-components.com/docs/advanced#theming)\n- [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n- [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Babel Macro\n\nIf you're using tooling that has babel-plugin-macros set up, you can switch to the `styled-components/macro` import path instead to gain the effects of the babel plugin without further setup.\n\n```js\nimport styled from 'styled-components/macro';\n\n// A static className will be generated for Title (important for SSR)\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n```\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.0-beta.11.1",
"dist": {
"shasum": "29ec3244ec12fb69ada4e8816f3237daf6c532be",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.0-beta.11.1.tgz",
"integrity": "sha512-RkV6qkag45Jaaj17QV8+rAAnWvaNAwttBgoA2vkfhs3a2i2aYowxv2SivIyY+rk/adIYTrGeYU+ozct10pSfTg==",
"fileCount": 51,
"unpackedSize": 1817883,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbvGZrCRA9TVsSAnZWagAAX6YP/2DoiUnhNpH866xww9uT\nPKH4uw2BjDcI76HHcg3I56LAsmfXBh/GUry49dVCNQuvld87qwIutRXwos7F\nv++fu77QiVtda62fhGO5GfqjLUe7uTFUDphCu6trSKYVku7o5uyTIKQEDtzn\nLiJbLV+hXpi9qi7IOrC2b26HZS8naIyziIRj0KYcHBqPoXKFx7KVN+saZ5rL\n/PyYsxRatJ9k0zzv7/ujbpf77KkIcoMchlA6F/FmKcSBbfjDT4g8sgAhUyfQ\nIWgJ/zSYtvscQvQgfLcQz8OCo+TdsE+g/+DP0a2Fvv1Py7GHLRIjcBTAcUxY\ntpuzrAz7Q5iFS/KEoSSBa3XPqCK+0EGAyf4iKgGgPkctQ16fXghcBZz+ujij\nvX9EkSaYaUCFepYyW1yLZ8nsEVATMnYVRaQUAIH/Z9drKy8NL5wnoJk4qri/\nTgtWmGrVE5zO561X2+0vUiyAGsRNgBvYAxkcGKTUJ4+YbPDA06FAqd+TYa+3\nlRYe2Pp3bLhdNnnhk4LrqZz/r1HmX7y9OQsUy69J7B8CgzzEL2le6Dxnqvw2\njeMs7AklZlMnGedllPqhW4snvUKd9x+awYzIRvYPmfp0Yr1t8JUef03ovyOn\nbFdVFKj4KLgXJcf7U5aGmLvdW3Ko5GbyJ16lYMCKbncr6rcWSyjomvc4RkjF\nRy00\r\n=Qm+w\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.0-beta.11.1_1539073642721_0.34620400585580824"
},
"_hasShrinkwrap": false
},
"4.0.0-beta.11.1-hmr": {
"name": "styled-components",
"version": "4.0.0-beta.11.1-hmr",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.8",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^10.0.1",
"babel-plugin-add-module-exports": "^1.0.0",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-macros": "^2.4.2",
"babel-plugin-preval": "^3.0.1",
"babel-plugin-tester": "^5.5.1",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "0.4.14",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"eslint": "^5.6.1",
"eslint-config-airbnb": "^17.1.0",
"eslint-config-prettier": "^3.1.0",
"eslint-plugin-flowtype": "^2.50.3",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.14.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.7.0",
"eslint-plugin-react": "^7.11.1",
"express": "^4.14.1",
"flow-bin": "^0.81.0",
"flow-watch": "^1.1.1",
"husky": "^1.0.1",
"jest": "^23.6.0",
"jest-image-snapshot": "^2.5.0",
"jest-styled-components": "^6.0.0",
"lint-staged": "^7.3.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.3",
"puppeteer": "^1.8.0",
"raf": "^3.4.0",
"react": "^16.4",
"react-dom": "^16.4",
"react-frame-component": "^4.0.0",
"react-native": "^0.56.0",
"react-primitives": "^0.6.1",
"react-test-renderer": "^16.4",
"rimraf": "^2.6.1",
"rollup": "^0.66.2",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.8",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.1.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^3.0.0"
},
"peerDependencies": { "react": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"husky": { "hooks": { "pre-commit": "lint-staged" } },
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.styled-components.com/docs/basics)\n- [API Reference](https://styled-components.com/docs/api)\n- [Theming](https://www.styled-components.com/docs/advanced#theming)\n- [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n- [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Babel Macro\n\nIf you're using tooling that has babel-plugin-macros set up, you can switch to the `styled-components/macro` import path instead to gain the effects of the babel plugin without further setup.\n\n```js\nimport styled from 'styled-components/macro';\n\n// A static className will be generated for Title (important for SSR)\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n```\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.0-beta.11.1-hmr",
"dist": {
"shasum": "30bf8303f936deff77bd9f15cd60a5229ae0a5c0",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.0-beta.11.1-hmr.tgz",
"integrity": "sha512-l6SEaIkuNX7R2s2wnleBhew2MErVl1k1mnAc5CM/cXtzwq9U/dBDliWPzND1HQW1X9f/8+wzVc+iRfD/tOLQjg==",
"fileCount": 51,
"unpackedSize": 1820136,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbvQSZCRA9TVsSAnZWagAAq7sP/2aU3vKqxvLHS5T4r7WH\nQBz53n3JhnaSNBZuvdI6I43LTQXFNLf6mqtvKzJknDAzheLpVg3JzIqjRZPb\nqYo7RNr+9zD3whuCaM0XRyVckFU1T0Dt5qFzqsj0lj4ARoimBjNbT4wISnBf\nOlnlIUQXTNtI6EVRsB90JjW1/oodBwkIVrfnAPFtH9LyMEGrQTnHWISbgRMl\nbjNOTPzlTXukeKBZ4FO5oA3GqpCAdeUK3pqYbXzT5TaKZHEJU7NUSdLrGU6B\n/8pJmOFc9nWy/kHl68qEUYWd98M9RziEOUlkvNMEPjrZIyadXiyfoYoJntbT\ngncGCTVQ7OtQJjJ7W1CgNL00AOrvJD8gD2TF+4jfI95//WGtDcJqV/m2XdNh\nUpGxZ0qTDzWvOD+BSL3DN3xF7wHbE1QVTtuJxFLA3Sh6DvcES16O2v6RuhlG\n6GZrZqRPzgdIn2ycEd18GVRoGOkgqCq8kN3NIrIQioMxVEO/pj/Ms1Rx/n61\nfUPcWt+0q/gIPRLno+hlOn/f1u9gjhwLiuJmbzGqxpxZvLFvBz95VSdAggW2\n0sn2RlM+fjJu7pRPQ26rCYy8XpMwoFs7NJldYTgDt/dXc8TeR0Md++ONFVfa\njr97OhB79T4sCa8AMsrnfBZI1nubXNs6Fyz2MIQFpiKT1Ge5UiBKa8rsr2N0\n7axG\r\n=liA6\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.0-beta.11.1-hmr_1539114136546_0.38528157471685653"
},
"_hasShrinkwrap": false
},
"4.0.0-beta.11.1-hmr2": {
"name": "styled-components",
"version": "4.0.0-beta.11.1-hmr2",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.8",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^10.0.1",
"babel-plugin-add-module-exports": "^1.0.0",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-macros": "^2.4.2",
"babel-plugin-preval": "^3.0.1",
"babel-plugin-tester": "^5.5.1",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "0.4.14",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"eslint": "^5.6.1",
"eslint-config-airbnb": "^17.1.0",
"eslint-config-prettier": "^3.1.0",
"eslint-plugin-flowtype": "^2.50.3",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.14.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.7.0",
"eslint-plugin-react": "^7.11.1",
"express": "^4.14.1",
"flow-bin": "^0.81.0",
"flow-watch": "^1.1.1",
"husky": "^1.0.1",
"jest": "^23.6.0",
"jest-image-snapshot": "^2.5.0",
"jest-styled-components": "^6.0.0",
"lint-staged": "^7.3.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.3",
"puppeteer": "^1.8.0",
"raf": "^3.4.0",
"react": "^16.4",
"react-dom": "^16.4",
"react-frame-component": "^4.0.0",
"react-native": "^0.56.0",
"react-primitives": "^0.6.1",
"react-test-renderer": "^16.4",
"rimraf": "^2.6.1",
"rollup": "^0.66.2",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.8",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.1.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^3.0.0"
},
"peerDependencies": { "react": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"husky": { "hooks": { "pre-commit": "lint-staged" } },
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.styled-components.com/docs/basics)\n- [API Reference](https://styled-components.com/docs/api)\n- [Theming](https://www.styled-components.com/docs/advanced#theming)\n- [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n- [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Babel Macro\n\nIf you're using tooling that has babel-plugin-macros set up, you can switch to the `styled-components/macro` import path instead to gain the effects of the babel plugin without further setup.\n\n```js\nimport styled from 'styled-components/macro';\n\n// A static className will be generated for Title (important for SSR)\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n```\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.0-beta.11.1-hmr2",
"dist": {
"shasum": "c44f8cfd7ec6d6ae788f5c9ef1042bbb1df4d4fd",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.0-beta.11.1-hmr2.tgz",
"integrity": "sha512-dbRuKA6gEJdPwMe/mqm+ZMcx8VEAWQVe692HdbAhP0/Wvq0Vz6Zsc4mP7y0AkLqlyIy3Enpk80JUuK3pxuww+g==",
"fileCount": 51,
"unpackedSize": 1822906,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbvQduCRA9TVsSAnZWagAA9IMP/jkWCbIjKL31i41Erl94\nSstbopGrW9P7aKh8Hr/1a1dSLCvp780yMo++m+Eyw1wqKo44FYypHML0SSms\nCm+GzqxDaejvuNAEek3MGbxcoZCD6+tzs1HDtYqozVPgbh5d5WAV6/f8L4r8\nFYgjYq3uCmVU7+xjyMRUlJNQTX+/5K7M2GQnSf9OOv7IrgJhsr8/ga9EEvO0\ntEtOnZrvD7IEENmGqtSqlLNteTlNLfbZIxmxKqcA/FbuFlIds98NVTSmKhuH\nlD89PNVWVmFB2DOVXTL8waTCi5H8Ibnb+BKxdQCzmTdSHgM7LMx/lgx6GjR2\ngynXGUVJWOukuABznIABvkRq930YhEa/P8M0Pg59obY7RglmFzwRdF4F6SU3\nM8lwDpCm5uJBPGivURyCR6NZ+vH7rwdkqeZS/I3nvxrV0Sg+DWnOc+MIvf5Y\ngKYCeTJ3o/ixxlYd6jXItPpQ6Y1/Wdu1Rw5DkS34wBIqpzOqpgNRy8tEVzLF\nmzCsRZJyY0KnMuCZL74PP1eN0VCvKAIHP3Dt0S8hM58erLXh7Ny5b8PTl8n9\nKELHvG3xZCuFawoREv6oly+YNVFF2uNhorJ+WRpBqEjhWrckiOIp33V+TF+d\nBu+ruk6flUYPzgE519aZhACH9AUWe8w4d+CuRC5pPZsgMEKhePo7mWgDTBYn\nLLPj\r\n=9hQO\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.0-beta.11.1-hmr2_1539114861873_0.5193433926157107"
},
"_hasShrinkwrap": false
},
"4.0.0-beta.11.2": {
"name": "styled-components",
"version": "4.0.0-beta.11.2",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.8",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^10.0.1",
"babel-plugin-add-module-exports": "^1.0.0",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-macros": "^2.4.2",
"babel-plugin-preval": "^3.0.1",
"babel-plugin-tester": "^5.5.1",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "0.4.14",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"eslint": "^5.6.1",
"eslint-config-airbnb": "^17.1.0",
"eslint-config-prettier": "^3.1.0",
"eslint-plugin-flowtype": "^2.50.3",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.14.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.7.0",
"eslint-plugin-react": "^7.11.1",
"express": "^4.14.1",
"flow-bin": "^0.81.0",
"flow-watch": "^1.1.1",
"husky": "^1.0.1",
"jest": "^23.6.0",
"jest-image-snapshot": "^2.5.0",
"jest-styled-components": "^6.0.0",
"lint-staged": "^7.3.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.3",
"puppeteer": "^1.8.0",
"raf": "^3.4.0",
"react": "^16.4",
"react-dom": "^16.4",
"react-frame-component": "^4.0.0",
"react-native": "^0.56.0",
"react-primitives": "^0.6.1",
"react-test-renderer": "^16.4",
"rimraf": "^2.6.1",
"rollup": "^0.66.2",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.8",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.1.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^3.0.0"
},
"peerDependencies": { "react": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"husky": { "hooks": { "pre-commit": "lint-staged" } },
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.styled-components.com/docs/basics)\n- [API Reference](https://styled-components.com/docs/api)\n- [Theming](https://www.styled-components.com/docs/advanced#theming)\n- [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n- [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Babel Macro\n\nIf you're using tooling that has babel-plugin-macros set up, you can switch to the `styled-components/macro` import path instead to gain the effects of the babel plugin without further setup.\n\n```js\nimport styled from 'styled-components/macro';\n\n// A static className will be generated for Title (important for SSR)\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n```\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.0-beta.11.2",
"dist": {
"shasum": "3f03441b2e67b9fefaed191711e67870c50a1e92",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.0-beta.11.2.tgz",
"integrity": "sha512-EbA4IxD8EyofphFz2U02GHNStL8T4hKsctFYBFWWI61rqoc5FjDTcuTNaWUNiTTRTCyjEGU96hbCv5M1NZGoTQ==",
"fileCount": 51,
"unpackedSize": 1823579,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbvQuMCRA9TVsSAnZWagAA8UAP+gM/+9b9t8nRUrPQ5EJY\n8neMhfIGM0bBtIEwvNQf9/Po5It/Lgjp3EIFifriziqwRqbzyuLvANOM+XOz\nAJoLmEvtTjt1pcx+gj1WKyn/DqbfLBY7GOiMwN8MhosKUBwLzF2IKEE6rUj+\nEdE6+KQpfmVe9cReTUAq/SdVaiBI7VMxZuSo6CaLA2zTvA+d3gB2/WfWlnfI\nJvaA47DT6jnyzmNEm6/eIzyKtgn2mL5rvVvYbNkyUY5k88c8C6NUsd8c2Wx/\nLxnhyIm2fw9grtZhq+W82h63o8JyBd/pnHZIsG4eUzPNftA4VX2Xo+0FbtOr\nuPKAEGzn5fNiJe8Hm2ZX0C78ZDGyeCcLWKruQR7YPIFt1U5MOpWkNEzj3tf1\nyMFEJ9jn766YUKxDxpmJhSzJXJOwLR5+IRXKOYmGuCAIv9TVbbUCN4hBwhZq\ny3tBs6hfyV1NeQyF3OWvA0WsYrcywaIQgydNdhISjY1a6QeotF1WAHKJzPRu\nqH9c93HsUDUM86kBY5jtJm5b7dgvJKASywWayEN3ViUBYtE2yR295gncOeDz\nG7upag3jfXl933HjUUL5tfBNPMgqOS/gLxsndodSsLmzq5evaiX2VDKn4CVe\nSpi1gbrEX9FoQeesNbSkX56Ehq34BqKt2jfiStpJVLu+yiHTl4JyGk/58Q5f\nYScp\r\n=82+Q\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.0-beta.11.2_1539115915867_0.2057408982380513"
},
"_hasShrinkwrap": false
},
"3.4.10": {
"name": "styled-components",
"version": "3.4.10",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.esm.js": "./dist/styled-components-no-parser.browser.esm.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.16",
"hoist-non-react-statics": "^2.5.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/node": "9.6.4",
"@types/react": "^16.3.12",
"@types/react-dom": "^16.0.5",
"@types/react-native": "^0.55.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-preval": "^3.0.0",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"chokidar": "^1.6.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.73.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^5.0.1",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"npm-run-all": "^4.1.2",
"prettier": "1.9.2",
"puppeteer": "^1.5.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.0.0",
"react-frame-component": "^2.0.2",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.61.1",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.3",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.0.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^1.0.1",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16.5kB" },
{ "path": "./dist/styled-components.cjs.min.js", "maxSize": "11.5kB" },
{ "path": "./dist/styled-components.esm.min.js", "maxSize": "11.5kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@3.4.10",
"dist": {
"shasum": "9a654c50ea2b516c36ade57ddcfa296bf85c96e1",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.4.10.tgz",
"integrity": "sha512-TA8ip8LoILgmSAFd3r326pKtXytUUGu5YWuqZcOQVwVVwB6XqUMn4MHW2IuYJ/HAD81jLrdQed8YWfLSG1LX4Q==",
"fileCount": 314,
"unpackedSize": 3935230,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbvRSkCRA9TVsSAnZWagAAlXsQAJ6sE8xLEpKyBIVwnXbD\n9vZ2LYGdCF+7brxcgqLVBzv1dirtbjCQQhQIi2cxerJ+kTeHwuG5dAarH9Uk\nXrcw/E1hFGNzwmnrC6DpReShH97NsEriQ4zs7FchD3PkL209HlHA96GTZyyI\nqQ/qzYvPWpIhFmBPfEs1t6wbIYpRGd3JG7De3rpfRteqp0Hvy82LEpk1fkJy\nYJjUDABWHDfUJ/t6M3HkvrCCAXrVy3lYu3UBZKaW4xOI+Fk3U+bsWw0IJTeX\nhxRckw0WmTabhY0ZXvwppM+WHGSnjcVuVrgt3U9gcBUtIeXJaRJ/9A03oBfq\nUHFLnYey9y/4N5+G9NG2KeUbsLcSzcQP+ad/w05wC8mNQvuy0bttwDSOs2sz\nz+rXuEARXmUwNc61u+c9b5aARbuWtsAeUFeDYZeTQxyNX3oGs/g1RQQmd2dW\nx22EuiNHt1MRrjGX+7zOY2niB5Jt0B53vNz4vb8lPCydcbBCoDqwG2K6Jbhh\ndMa7m72+uAZc8rcwyA02pwdfIQcA1AKsa6XlKL0ZwEj6O0BYR0kJ7g6Ouxh2\nV6DBAijlthPXFwkq5rf0EJw6qCJz6asZl5AnqDhSzlASgIntJJQZYBxIytJZ\neRWGHmdCbJL1jKQzTFyf/yatMK9mRO3SzbcyuV43R4TsLE17B2eCV3B6aM8i\nL4MN\r\n=BNJz\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_3.4.10_1539118243918_0.93014743109029"
},
"_hasShrinkwrap": false
},
"4.0.0-beta.11.3": {
"name": "styled-components",
"version": "4.0.0-beta.11.3",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.8",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^10.0.1",
"babel-plugin-add-module-exports": "^1.0.0",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-macros": "^2.4.2",
"babel-plugin-preval": "^3.0.1",
"babel-plugin-tester": "^5.5.1",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "0.4.14",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"eslint": "^5.6.1",
"eslint-config-airbnb": "^17.1.0",
"eslint-config-prettier": "^3.1.0",
"eslint-plugin-flowtype": "^2.50.3",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.14.0",
"eslint-plugin-jsx-a11y": "^6.1.2",
"eslint-plugin-prettier": "^3.0.0",
"eslint-plugin-react": "^7.11.1",
"express": "^4.14.1",
"flow-bin": "^0.82.0",
"flow-watch": "^1.1.1",
"husky": "^1.0.1",
"jest": "^23.6.0",
"jest-image-snapshot": "^2.5.0",
"jest-styled-components": "^6.0.0",
"lint-staged": "^7.3.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.3",
"puppeteer": "^1.8.0",
"raf": "^3.4.0",
"react": "^16.4",
"react-dom": "^16.4",
"react-frame-component": "^4.0.2",
"react-native": "^0.56.0",
"react-primitives": "^0.6.1",
"react-test-renderer": "^16.4",
"rimraf": "^2.6.1",
"rollup": "^0.66.5",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.8",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.1.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^3.0.0"
},
"peerDependencies": { "react": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"husky": { "hooks": { "pre-commit": "lint-staged" } },
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.styled-components.com/docs/basics)\n- [API Reference](https://styled-components.com/docs/api)\n- [Theming](https://www.styled-components.com/docs/advanced#theming)\n- [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n- [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Babel Macro\n\nIf you're using tooling that has babel-plugin-macros set up, you can switch to the `styled-components/macro` import path instead to gain the effects of the babel plugin without further setup.\n\n```js\nimport styled from 'styled-components/macro';\n\n// A static className will be generated for Title (important for SSR)\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n```\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.0-beta.11.3",
"dist": {
"shasum": "43995112776280fe97147033ea3b7df8ebfe6408",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.0-beta.11.3.tgz",
"integrity": "sha512-WcSVDypnGZXOeOzWn51Ow6Nt/FnSqK4ITGqCpCQkV0XvE/UmX39Mh34hl3K7dcT/uE+6kOh6jyuzbWP1Hmx5Ig==",
"fileCount": 51,
"unpackedSize": 1824006,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbvkA2CRA9TVsSAnZWagAADBUP/jcbLgMptLZ08WDgS1gU\nOnRaYVa/1piNY9w8zExNuD4w5Pc3cvQsmu2IDaXcu/nWDE8bKfHPcuElYKrj\nyVjej0R5xU1XnYKe4hlHF6JusdSq3qbRChY5P49ZP+DmWMzNxsuBQNYpViZb\n0AzHu9VpTZADze/5CJ0mqubRo7T1O00FyV8PopFilbYzM65e46R7XEMNb0JX\nt0lRh2GjgGiTQcBiLNj9FpIBMSmgSl8pj2YUfyCri67PwQiafyY9tswsnSbm\ni78vB8CzgKjkmpcaXXeQ7wet+I+Iyw06MwcSE0CUkzfw9Yw1Eewf8U/a6CG6\nAdt8mRBLCuQBO+1O4H3GcDMygpCRoBp5Aik+FzNDp5wZpcrvgxMrg74QSGy2\ne4rK4Y6fwT/oOiQ1XY/6cXYGhcRz0u2q9+dAL1biDtEya5qCKGfaH2Qf92If\ngguhHbo+7i5deq1/jtrDv+opuNqCwmjJX+On7GKjy1YYNeQ4i1YfOqo3QKoP\nID9TFVUklUTpMIXmEyDNyh/GTnwD3tT8A8GRKLxrcBNscWMSt/K5+A1pzrti\nGS9/fBv54L3jD6khUAXH/YJPGWD0pQJucbcXzCJMIBNY74Wm+MlYyldvKP3Z\n5Z2BGHN5BFwTH8hZNw9awWPS4ziE8Jsqd89Q0hufg70Yg9lrc5S8Dscd1gBP\ndnpO\r\n=g19R\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.0-beta.11.3_1539194933419_0.09232133299416723"
},
"_hasShrinkwrap": false
},
"4.0.0": {
"name": "styled-components",
"version": "4.0.0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.8",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^10.0.1",
"babel-plugin-add-module-exports": "^1.0.0",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-macros": "^2.4.2",
"babel-plugin-preval": "^3.0.1",
"babel-plugin-tester": "^5.5.1",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "0.4.14",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"eslint": "^5.6.1",
"eslint-config-airbnb": "^17.1.0",
"eslint-config-prettier": "^3.1.0",
"eslint-plugin-flowtype": "^2.50.3",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.14.0",
"eslint-plugin-jsx-a11y": "^6.1.2",
"eslint-plugin-prettier": "^3.0.0",
"eslint-plugin-react": "^7.11.1",
"express": "^4.14.1",
"flow-bin": "^0.82.0",
"flow-watch": "^1.1.1",
"husky": "^1.0.1",
"jest": "^23.6.0",
"jest-image-snapshot": "^2.5.0",
"jest-styled-components": "^6.0.0",
"lint-staged": "^7.3.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.3",
"puppeteer": "^1.8.0",
"raf": "^3.4.0",
"react": "^16.4",
"react-dom": "^16.4",
"react-frame-component": "^4.0.2",
"react-native": "^0.56.0",
"react-primitives": "^0.6.1",
"react-test-renderer": "^16.4",
"rimraf": "^2.6.1",
"rollup": "^0.66.5",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.8",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.1.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^3.0.0"
},
"peerDependencies": { "react": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"husky": { "hooks": { "pre-commit": "lint-staged" } },
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.0",
"dist": {
"shasum": "bd37d79408246302051cd63f52a3539f70aa3197",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.0.tgz",
"integrity": "sha512-+SXoKjaXmApQHjQXNY5pxuRpnabR7vnL6J59Gtcj118ll8gsg9MM8gkjWu6Ahc0NB9kLjh3O9Ho2iun6uLunVA==",
"fileCount": 51,
"unpackedSize": 1830742,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbxMawCRA9TVsSAnZWagAAkBcP/3qjr9A4IMI+GO2L1zrx\nDuETg7wbPVbL5erlU+WMn1j/86WecsatjOeFtE/CAGuelQ9fyvQLE8IjzGCS\ndkfkujQyeOy4IQvzrUHT6mYaydhz1HfGcOOiyCeSVJmTou5a8iY4bWImiOPM\nvKBg/Pcp1WQSsbr7+H671h9Mxun5mS+Q9ZhSQheTnfbCE90EHTAWWfz6utSS\nwXzvbbldXSmedWYqnceL1zyna0sURHZz9HjVi4ogmGWDmlbWSe9tx3ZfXmVW\nClJuTJCEgrzdRVN/WyCIdrFwr7eBDOc4wj/qolRhNtyiCV/fXcQ1ZmcJKiKH\nYvWyjzdpHZF+WC1S0a4wOGYzYbVl+fEKUUcWRdYuYcIMe0S205OAxaSEIQyn\ncCA6aL9wKPai/NV6bqlmVfJF3TwYnKH5nwOhfs7KG8jCyjoo0QNVOYx0lDEU\n4S4vuCm4OFIVn1RGCawHKYoCUzpVmD4qZhtauYVeYgIEB5lPG/EMdU0y6/zO\n6NVXz1X98B47HBzWAooQFuJp2m8NuI0yMcNIf4glYuGvdk5/8TLDqGD93K2j\nnduoIaaFB0VHPhsc4nUK9XVSDnVyGIIo5iQKU+qa54oOtOFmiqlNah667LQc\nDFEUVHjbBFjRyOqXhHjb33J12mpau2eTxet8uVuB21MIAT3njtGfY7xN04GU\nDeUB\r\n=jhY8\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.0_1539622575297_0.5561772638286295"
},
"_hasShrinkwrap": false
},
"4.0.1-0": {
"name": "styled-components",
"version": "4.0.1-0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.8",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^10.0.1",
"babel-plugin-add-module-exports": "^1.0.0",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-macros": "^2.4.2",
"babel-plugin-preval": "^3.0.1",
"babel-plugin-tester": "^5.5.1",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "0.4.14",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"eslint": "^5.6.1",
"eslint-config-airbnb": "^17.1.0",
"eslint-config-prettier": "^3.1.0",
"eslint-plugin-flowtype": "^2.50.3",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.14.0",
"eslint-plugin-jsx-a11y": "^6.1.2",
"eslint-plugin-prettier": "^3.0.0",
"eslint-plugin-react": "^7.11.1",
"express": "^4.14.1",
"flow-bin": "^0.82.0",
"flow-watch": "^1.1.1",
"husky": "^1.0.1",
"jest": "^23.6.0",
"jest-image-snapshot": "^2.5.0",
"jest-styled-components": "^6.0.0",
"lint-staged": "^7.3.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.3",
"puppeteer": "^1.8.0",
"raf": "^3.4.0",
"react": "^16.4",
"react-dom": "^16.4",
"react-frame-component": "^4.0.2",
"react-native": "^0.56.0",
"react-primitives": "^0.6.1",
"react-test-renderer": "^16.4",
"rimraf": "^2.6.1",
"rollup": "^0.66.5",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.8",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.1.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^3.0.0"
},
"peerDependencies": { "react": ">= 16.3.0", "react-dom": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"husky": { "hooks": { "pre-commit": "lint-staged" } },
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.styled-components.com/docs/basics)\n- [API Reference](https://styled-components.com/docs/api)\n- [Theming](https://www.styled-components.com/docs/advanced#theming)\n- [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n- [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Babel Macro\n\nIf you're using tooling that has babel-plugin-macros set up, you can switch to the `styled-components/macro` import path instead to gain the effects of the babel plugin without further setup.\n\n```js\nimport styled from 'styled-components/macro';\n\n// A static className will be generated for Title (important for SSR)\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n```\n\nIf you wish to provide configuration options to the babel plugin similar to how you would in a `.babelrc`, [see this guide](https://github.com/kentcdodds/babel-plugin-macros/blob/master/other/docs/author.md#config-experimental). The config name is `\"styledComponents\"`.\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.1-0",
"dist": {
"shasum": "db22367fb9b0eb6eb86101d8f78455b11d2d9a77",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.1-0.tgz",
"integrity": "sha512-jlmfHIA8ftd4P4mzqyrGdxKO6JhSKanqmeJ4B7JZ05PGXlmTOFv2x7WHwMM7iBRaX3zbQvuje2HHB2//jBaX9w==",
"fileCount": 51,
"unpackedSize": 1852885,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbx060CRA9TVsSAnZWagAAyGoQAJu/UGgoTgWXh83VNrGU\n1UbacIFR1Vy6uSjqVJCqm4ZVhgJICzYyIz3foD9+80CLxQStgNDnJJDXl9rd\nNlgeSrKfKMRqldLsAgqBSONU7amSV6ewYO8mEYKyon8HFFoD/KmfdPxH9bX2\nBHX/lv1grqnqcQ6WW20BM+diw4OAnNmNYVzVj0MqedzUssm8TpuZIJCXd+OL\nzPHEhoWVH2xwWU4G3gexKWUCD+IWgj5bplimaqjY4tL4ZxVPcalMshirEamW\nuGTQyMtEfH4mZvScmGKm5rfTfWel4x4byziL3mf+eSrksKm7CZTHkadGEopB\nrZSIYxiA+4xnyMau9AQmpCCynurOJX//2u91xM7SJLsElpvcAr8uRkIPDabj\nKJpftvFNI/We9DZVuBEWZUeL/I5hWLteCYIkOzgCdWrIUX/7cmLmgH+/P+5V\ntayb5cRTz/np2MM2Ho7u408qr9HHcKNBm6qloGNaqGLJhhUCpBTw/oOTsRY/\nnUIdV+Pprnb+c+T8w5P9eSwqsnSmxdY3Piru/cxSLTkzbMs0aHC1oTHfDw5o\nbqWtwz17B0dP3hEhjBnkk5MVCFon6DSSDwZ8b3ZeZCdIUyfVQznN5AWVksHz\n/xIfD9jaeDdvxH/2zOKiTy67t8T0VxHx2Su5txrvV/qOufOI+WowPCP2I/Wa\ndc8k\r\n=EnEC\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.1-0_1539788467782_0.5281476475173437"
},
"_hasShrinkwrap": false
},
"4.0.1": {
"name": "styled-components",
"version": "4.0.1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.8",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^10.0.1",
"babel-plugin-add-module-exports": "^1.0.0",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-macros": "^2.4.2",
"babel-plugin-preval": "^3.0.1",
"babel-plugin-tester": "^5.5.1",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "0.4.14",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"eslint": "^5.6.1",
"eslint-config-airbnb": "^17.1.0",
"eslint-config-prettier": "^3.1.0",
"eslint-plugin-flowtype": "^2.50.3",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.14.0",
"eslint-plugin-jsx-a11y": "^6.1.2",
"eslint-plugin-prettier": "^3.0.0",
"eslint-plugin-react": "^7.11.1",
"express": "^4.14.1",
"flow-bin": "^0.82.0",
"flow-watch": "^1.1.1",
"husky": "^1.0.1",
"jest": "^23.6.0",
"jest-image-snapshot": "^2.5.0",
"jest-styled-components": "^6.0.0",
"lint-staged": "^7.3.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.3",
"puppeteer": "^1.8.0",
"raf": "^3.4.0",
"react": "^16.4",
"react-dom": "^16.4",
"react-frame-component": "^4.0.2",
"react-native": "^0.56.0",
"react-primitives": "^0.6.1",
"react-test-renderer": "^16.4",
"rimraf": "^2.6.1",
"rollup": "^0.66.5",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.8",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.1.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^3.0.0"
},
"peerDependencies": { "react": ">= 16.3.0", "react-dom": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"husky": { "hooks": { "pre-commit": "lint-staged" } },
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.1",
"dist": {
"shasum": "a96b0f6a078ec9212371ae9dd97e43de2729d352",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.1.tgz",
"integrity": "sha512-lEBHwKsynQCUYm4ShjXv8OWkdICHYFdCUzp5IetXdR8ClKtjEZtnnpk7XSA7t7UmyWMiSr/fEgSI26+NJvLR3A==",
"fileCount": 51,
"unpackedSize": 1852902,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbx8ZaCRA9TVsSAnZWagAAu0EP/iAY52D/rLfDJLlWZahq\neeraV/gufqHZnEjX1rSWEM+i0VUXtvl9pR5DtNi2+zfBZ6ZsAd/Ml4ybc9SK\nv/1KwvOIrRXiv63muBWHixhUiHCvr11JORpcVkF5rEHxqtGF9rRqGvrNPkhe\njFoIZsAMij+a6R6/ri9snKf7iME5IPwVCg6C9c/aqH4GQjPgriKrL228EK31\nZN+Jd59utXh2YwBEoLMYExeqPekzPFKBWYMc+bPTRhOJi7ChTVW3Kb0dccLA\nGZEu6MxAD2L1/qN8tUGSJ9x77no3DVuFZ8gciuii/CG+cdr6j88T9C7v2m6U\nj2pQ7enhjMPfi/Lx3mXMKKZgjce+IRuz4vJjGGz81YScDqzt66AcNRxGGlbf\nX2M+aF8cha+oxYY2TQwLHNmkm0PbNEl4LDt0UrAqUAuu//cWJ0jGmKBCZwrE\nS7X5sVEq3a7wPsmcOvHhlPVZF0b5WMR4RZGzlB+HIGNR6tvfG1mrR5VtGaPP\nmXfta7QA1uaoN9G3cu6xlwzU+ima7BeIyIix3e6iqKT4fR/r8WLTNMeGp93p\nHwcZ9KLei3eIHux3uQWHYNE6RwuaVjrliShjnTpKM1+dE52LmudcK5C81JNS\nyHMhxq1h7esZ5cbgl/IRQ6nb4q40babcfwBb23lue3Hre1QCxQJywi5bVysO\n/Tc+\r\n=R8Ju\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.1_1539819097392_0.2917186617568708"
},
"_hasShrinkwrap": false
},
"4.0.2": {
"name": "styled-components",
"version": "4.0.2",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.8",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^10.0.1",
"babel-plugin-add-module-exports": "^1.0.0",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-macros": "^2.4.2",
"babel-plugin-preval": "^3.0.1",
"babel-plugin-tester": "^5.5.1",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "0.4.14",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"eslint": "^5.6.1",
"eslint-config-airbnb": "^17.1.0",
"eslint-config-prettier": "^3.1.0",
"eslint-plugin-flowtype": "^2.50.3",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.14.0",
"eslint-plugin-jsx-a11y": "^6.1.2",
"eslint-plugin-prettier": "^3.0.0",
"eslint-plugin-react": "^7.11.1",
"express": "^4.14.1",
"flow-bin": "^0.82.0",
"flow-watch": "^1.1.1",
"husky": "^1.0.1",
"jest": "^23.6.0",
"jest-image-snapshot": "^2.5.0",
"jest-styled-components": "^6.0.0",
"lint-staged": "^7.3.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.3",
"puppeteer": "^1.8.0",
"raf": "^3.4.0",
"react": "^16.4",
"react-dom": "^16.4",
"react-frame-component": "^4.0.2",
"react-native": "^0.56.0",
"react-primitives": "^0.6.1",
"react-test-renderer": "^16.4",
"rimraf": "^2.6.1",
"rollup": "^0.66.5",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.8",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.1.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^3.0.0"
},
"peerDependencies": { "react": ">= 16.3.0", "react-dom": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"husky": { "hooks": { "pre-commit": "lint-staged" } },
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.2",
"dist": {
"shasum": "7d4409ada019cdd34c25ba68c4577ea95dbcf0c5",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.2.tgz",
"integrity": "sha512-VTNCmBLNx0OS2GRaYk0yRAnQVDBCGnnxGkR6+BCmkKVv9VgICO7bEn3UDjlnwCw8hgIyecMzVLOPl+p1zqUxog==",
"fileCount": 51,
"unpackedSize": 1853414,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbyBkkCRA9TVsSAnZWagAAoNQP/RbyELzpMPLsWw7Ed9Ej\nEpDWHLU990zjy06KVIlV79+wIDasYyIJncLrgWohWYSo8FopYB/iToxh8yPN\ncBJ5Z6mqnLrTS/lzb0vSJT+YyW8q5fwNBIVvf9zlLJiK9R4vsxpNjA3CC5qD\nkDiSRZY0jfQRi5vD3Ag9YetHLXhwQWzndUlbw0fdK/jW7Ul9ikkBUk2qd12m\nq4f5k8FbhblE4kNvHNVyGVZQpSOFiOand0BWT0ncdt3DFCKbsIX+h3m38Sur\nkx1QiEa0Z6fmv8AyZMpk/llF2U9dYuK3WiiMSFrftLmQ5S+J1mn/5qU7IOUv\n8Zr+twHYLdycQAL8vCNFkNTfo4uD7BVunvIG/ezI7eroQPOzk1LKrzg6Hk/0\nh/w5yHnBL14exxE8wZqWYFVXzSp+CBlMAOEzOMR2w0809kr5MKY6P2MNMwTT\n87fhp+s45PrSMJ2eR3JRoNxAj4OLRfTfAZInO4UnyDowZDDS6HSLd75xkszw\nakjFe1m1TaPNSicRgwroaGI63/rjRwn0eQW0RVQlQM0nRQbYutiA7Ix7ALko\nUSedCzMfct8ChIIseLr2lDr7FgFXiRIHpv/xV7Ex//1nqtX9VqmLUTirA2Fl\n9sNhYjX7WAEH4jxsjLAq+w0Fb2fCwcgzHn7oOVj+51KSq992QHaKMVJjZ/Gr\nCNOE\r\n=lgCa\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.2_1539840291656_0.23601319195208692"
},
"_hasShrinkwrap": false
},
"4.0.3-0": {
"name": "styled-components",
"version": "4.0.3-0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.8",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^10.0.1",
"babel-plugin-add-module-exports": "^1.0.0",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-macros": "^2.4.2",
"babel-plugin-preval": "^3.0.1",
"babel-plugin-tester": "^5.5.1",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "0.4.14",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"eslint": "^5.6.1",
"eslint-config-airbnb": "^17.1.0",
"eslint-config-prettier": "^3.1.0",
"eslint-plugin-flowtype": "^2.50.3",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.14.0",
"eslint-plugin-jsx-a11y": "^6.1.2",
"eslint-plugin-prettier": "^3.0.0",
"eslint-plugin-react": "^7.11.1",
"express": "^4.14.1",
"flow-bin": "^0.82.0",
"flow-watch": "^1.1.1",
"husky": "^1.0.1",
"jest": "^23.6.0",
"jest-image-snapshot": "^2.5.0",
"jest-styled-components": "^6.0.0",
"lint-staged": "^7.3.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.3",
"puppeteer": "^1.8.0",
"raf": "^3.4.0",
"react": "^16.4",
"react-dom": "^16.4",
"react-frame-component": "^4.0.2",
"react-native": "^0.56.0",
"react-primitives": "^0.6.1",
"react-test-renderer": "^16.4",
"rimraf": "^2.6.1",
"rollup": "^0.66.5",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.8",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.1.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^3.0.0"
},
"peerDependencies": { "react": ">= 16.3.0", "react-dom": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"husky": { "hooks": { "pre-commit": "lint-staged" } },
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.styled-components.com/docs/basics)\n- [API Reference](https://styled-components.com/docs/api)\n- [Theming](https://www.styled-components.com/docs/advanced#theming)\n- [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n- [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Babel Macro\n\nIf you're using tooling that has babel-plugin-macros set up, you can switch to the `styled-components/macro` import path instead to gain the effects of the babel plugin without further setup.\n\n```js\nimport styled from 'styled-components/macro';\n\n// A static className will be generated for Title (important for SSR)\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n```\n\nIf you wish to provide configuration options to the babel plugin similar to how you would in a `.babelrc`, [see this guide](https://github.com/kentcdodds/babel-plugin-macros/blob/master/other/docs/author.md#config-experimental). The config name is `\"styledComponents\"`.\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.3-0",
"dist": {
"shasum": "a5ba1d764769fec3748d426550dad8cd6204d991",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.3-0.tgz",
"integrity": "sha512-rgrOCnBqOxpKKm9wxX25ZkIiRlBVids2jJ9x8ACNpD1rh9gEJcO9tKwVZrqeIZ6vZclmdKghTNh+uUdlb9KO5g==",
"fileCount": 51,
"unpackedSize": 1893102,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbzPo6CRA9TVsSAnZWagAA/HoP+gNg62sXbOwSdpX8Fh/7\nlYkawC//osB21nTDZOZoz/mFrGzgDadDEc5MiyondYSFTDuLjDQ/0uSc3Q/1\nesuyS6U7QfFd6i5Hv+gGiqXugvFUH4mWbkIxWhuJuMDjryOECU1cTIv1YUDO\nyeqyH21PQISLJP2KT/B9vyuP59lu5OWjY3XvVjkig/FK8qk0qNrekqK4J1mO\n9nuzSuDJJw/Et6vs9/M6PfqcSbQJSDDi+SmUpVxS0EDTbFaviyw0Fs5kHOB5\nnx+c9u8cMhtrgwHIsDR6rJQCcD5spj0rurYzPEcM+u3EY7qpj1dYqoirMWtg\nbVpTNBSyaK6U6NPw96YjnRkgKN0geAdnO9eNQMI3AWUBs5vWJL8FpO/Vs3gh\nQ4apjliHnHqcme9N6d7Q/KI+SldilzUT8FQ/byGLUHCt1y/W+0TOouj0zSrp\npDRKO66ZbkzUUIyZX4d+VkkJ9FeKGCLHMXzUJ6+DTAySFYOBSpH5LFCPKfz3\ngdib3w1fA2RixvlwTiftIX6h7KU7qB1/CJh3y7L7eUWtQVYW+Y+oy+oWhGKu\nPcK4SRZ/72Juaw8t7WxlThoIKR872eViPnuh4a+IJVI8GJKqQntXWhPck6JL\nK1quymMtvuQAP2uukKiEn57IEM9h9xGc/2WOdV1564a+SJu6IYaMlK/XUubS\ngdGu\r\n=nelK\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.3-0_1540160057312_0.38711532923934056"
},
"_hasShrinkwrap": false
},
"4.0.3": {
"name": "styled-components",
"version": "4.0.3",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.8",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.6.0",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^10.0.1",
"babel-plugin-add-module-exports": "^1.0.0",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-macros": "^2.4.2",
"babel-plugin-preval": "^3.0.1",
"babel-plugin-tester": "^5.5.1",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "0.4.14",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"eslint": "^5.6.1",
"eslint-config-airbnb": "^17.1.0",
"eslint-config-prettier": "^3.1.0",
"eslint-plugin-flowtype": "^2.50.3",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.14.0",
"eslint-plugin-jsx-a11y": "^6.1.2",
"eslint-plugin-prettier": "^3.0.0",
"eslint-plugin-react": "^7.11.1",
"express": "^4.14.1",
"flow-bin": "^0.82.0",
"flow-watch": "^1.1.1",
"husky": "^1.0.1",
"jest": "^23.6.0",
"jest-image-snapshot": "^2.5.0",
"jest-styled-components": "^6.0.0",
"lint-staged": "^7.3.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.3",
"puppeteer": "^1.8.0",
"raf": "^3.4.0",
"react": "^16.6.0",
"react-dom": "^16.6.0",
"react-frame-component": "^4.0.2",
"react-native": "^0.56.0",
"react-primitives": "^0.6.1",
"react-test-renderer": "^16.6.0",
"rimraf": "^2.6.1",
"rollup": "^0.66.5",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.8",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.1.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^3.0.0"
},
"peerDependencies": { "react": ">= 16.3.0", "react-dom": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"husky": { "hooks": { "pre-commit": "lint-staged" } },
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.0.3",
"dist": {
"shasum": "6c1a95a93857aa613fdfc26ad40899217100d8c3",
"integrity": "sha512-oEZovK4xMGAMhOA9h74dCYJsp3IwUFhEvtYe4gwTy0cBZ3a17YMxBfM2oXsEoED9f+HCM5UQZW2h297n4u8hUw==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.0.3.tgz",
"fileCount": 51,
"unpackedSize": 1875921,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb2I1XCRA9TVsSAnZWagAAz5sP/27HfR7nqT7K0B7MG4Pl\nukPz6hh85nAKZ6vodeElsKueRgpeuCQcqTD+zbiCbfj3KsHoDp8wdTkBhtqX\nhu4QpQy97CvRquZFDjSkIFOkBnbma3qqtKAz8j5322Ckk/b5zrKoAFfGH17Q\nzm8uxK+zeDet0H6A9Si6mb+cxPQXSOk0fTaZy4kFOukXETxBFC+tw2zLuzVw\nzWwYSZSjMKfjbOYpejwXzNqzLopf8oTagetaW1387FapKUUXT4NLDH5I+PFl\nlsBRsWv0vKboc/MhrUVrBGVecY5axe1weBmN9SbcfVtUj5qpX0lceg9WVIJe\nFE76M3q1q1BoeCnAudkHzS4XJ8+6rY6UnpADuRMfled8gGpj3DOFa5Pi5oGy\nh9m3S/22smacB1/AnGl5JMz3bH6AAkGcpjoSGi+Skiy3r3pVOiunBdr8EXxW\n7TtY/5fnxQmebJ7HDihsiqkWk/Eyl7ONW/sD1Hjt06TQWO+/8PC3orYkgYfc\nFD6L9/Tqe/6oGevVL2V1wH3j59+g5WZhRMpgr8Bkz9fjccKeI6WQbZKtWOqK\nQq2xDs3/cxlKk/LSZ+02lwwvE6QDIMVJJ3lKenIdjPU3EQnV6rNDPdXaRm8q\n9g+F62dM64rJrK74nHX/TXyB3X4YUqdhaXB2zPKVBytKlbRBKFtlqn1k436a\nxMi7\r\n=UpUC\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.0.3_1540918614100_0.051009686640920426"
},
"_hasShrinkwrap": false
},
"4.1.0-rehydrate": {
"name": "styled-components",
"version": "4.1.0-rehydrate",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.8",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.6.0",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^10.0.1",
"babel-plugin-add-module-exports": "^1.0.0",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-macros": "^2.4.2",
"babel-plugin-preval": "^3.0.1",
"babel-plugin-tester": "^5.5.1",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "0.4.14",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"eslint": "^5.6.1",
"eslint-config-airbnb": "^17.1.0",
"eslint-config-prettier": "^3.1.0",
"eslint-plugin-flowtype": "^2.50.3",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.14.0",
"eslint-plugin-jsx-a11y": "^6.1.2",
"eslint-plugin-prettier": "^3.0.0",
"eslint-plugin-react": "^7.11.1",
"express": "^4.14.1",
"flow-bin": "^0.82.0",
"flow-watch": "^1.1.1",
"husky": "^1.0.1",
"jest": "^23.6.0",
"jest-image-snapshot": "^2.5.0",
"jest-styled-components": "^6.0.0",
"lint-staged": "^7.3.0",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.14.3",
"puppeteer": "^1.8.0",
"raf": "^3.4.0",
"react": "^16.6.0",
"react-dom": "^16.6.0",
"react-frame-component": "^4.0.2",
"react-native": "^0.56.0",
"react-primitives": "^0.6.1",
"react-test-renderer": "^16.6.0",
"rimraf": "^2.6.1",
"rollup": "^0.66.5",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.8",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.1.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^3.0.0"
},
"peerDependencies": { "react": ">= 16.3.0", "react-dom": ">= 16.3.0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"husky": { "hooks": { "pre-commit": "lint-staged" } },
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.styled-components.com/docs/basics)\n- [API Reference](https://styled-components.com/docs/api)\n- [Theming](https://www.styled-components.com/docs/advanced#theming)\n- [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n- [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Babel Macro\n\nIf you're using tooling that has babel-plugin-macros set up, you can switch to the `styled-components/macro` import path instead to gain the effects of the babel plugin without further setup.\n\n```js\nimport styled from 'styled-components/macro';\n\n// A static className will be generated for Title (important for SSR)\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n```\n\nIf you wish to provide configuration options to the babel plugin similar to how you would in a `.babelrc`, [see this guide](https://github.com/kentcdodds/babel-plugin-macros/blob/master/other/docs/author.md#config-experimental). The config name is `\"styledComponents\"`.\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.1.0-rehydrate",
"dist": {
"shasum": "f51d0ee651dba2147df67e808851d05c4c499032",
"integrity": "sha512-OK8iOxDzyNfDY0PFbHsSsDyuZ6tiakT1UxvV7DkKdTqXMMlm9RT9FzlnHh1a9bqoHPj6KwG3zN+m0PfB6JhOMQ==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.1.0-rehydrate.tgz",
"fileCount": 45,
"unpackedSize": 1861141,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb30KACRA9TVsSAnZWagAAG+0QAIXpZaz+5RUltA0ucanp\nMVfGSVY5Z3MZ+9d7KQKQN7K0yhNoxK7XxTWeA81LlZ1TS+VFST165Q5RAB49\neqS0CMJlD05qH4JrA10h/ZFklVEG7/nLiBOTm3K8aZzEcr9OUkX4Fxj4wXci\nKOiNsgxYCtHKXLErZreSCEcYwNhQ8fT565WoIGb9kO00moNkM/5dIfA7tYPT\n/tpl1jYdoSF3oIk7fREu7MWLvEx8+q9i7/I6LJsvpdE81Q7jcljQasl4abn0\nMLLlmukHjrR8Za5oAFIThmP+KI/v77Vn54lXb6XkLjgttfzSPx3tBDAumesr\neRJWDZqC5x5pR6GqLiUB2x3AvUslYBMwT/RYPMKOnC+tBqX6C5bIQ22pmnAa\ndS7ornffs54i2kgsm1O2Hznv8yRF5pqQA7Ns8ihuvKFuzsxcRuH78UKcRNeM\nbKQSeGpuEAc3FKpc+k4xR+6HxV2Qmm3AY+q1t3wisfi/WZtPciMBxEiN/DuX\nGiSHftWMVIwXMYFkLKQoSiWT4aCPpNMu6OBc5kcvF7BI64W65eFOzSTwDEgQ\nnsV7KqN/jZPChz1Wolt95nH4qnakQgAvIDApH/Gh93cKHNhS6LyaHXWh8iee\nBlnPL5sGUMpV7JG6Fdgp1JXlNTD94zPFJ5sm/rxvhQKK1UrGl0dc+50BTQ7a\n63jX\r\n=zHcG\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.1.0-rehydrate_1541358207871_0.1605543461798129"
},
"_hasShrinkwrap": false
},
"4.1.0": {
"name": "styled-components",
"version": "4.1.0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.8",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.6.0",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^10.0.1",
"babel-plugin-add-module-exports": "^1.0.0",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-macros": "^2.4.2",
"babel-plugin-preval": "^3.0.1",
"babel-plugin-tester": "^5.5.1",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "0.4.14",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"eslint": "^5.9.0",
"eslint-config-airbnb": "^17.1.0",
"eslint-config-prettier": "^3.3.0",
"eslint-plugin-import": "^2.14.0",
"eslint-plugin-jsx-a11y": "^6.1.2",
"eslint-plugin-prettier": "^3.0.0",
"eslint-plugin-react": "^7.11.1",
"express": "^4.16.4",
"flow-bin": "^0.82.0",
"flow-watch": "^1.1.1",
"husky": "^1.1.3",
"jest": "^23.6.0",
"jest-image-snapshot": "^2.7.0",
"jest-styled-components": "^6.3.1",
"lint-staged": "^8.0.4",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.15.2",
"puppeteer": "^1.10.0",
"raf": "^3.4.1",
"react": "^16.6.1",
"react-dom": "^16.6.1",
"react-frame-component": "^4.0.2",
"react-native": "^0.56.0",
"react-primitives": "^0.6.1",
"react-test-renderer": "^16.6.1",
"rimraf": "^2.6.1",
"rollup": "^0.66.5",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.8",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.1.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^3.0.0"
},
"peerDependencies": { "react": ">= 16.3.0", "react-dom": ">= 16.3.0" },
"jest": {
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": {
"linters": { "*.js": ["eslint --fix", "git add"] },
"ignore": ["**/test/*.js"]
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"husky": { "hooks": { "pre-commit": "flow check && lint-staged" } },
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.1.0",
"dist": {
"shasum": "16f5cbe1afcc8adc932e9764992c19906e6a6289",
"integrity": "sha512-cxdVoxXDFu0D343ECr2ZY4YijI2oKk3xZKxZkgTLfFf7Zixx17CZlNIU2XpBYL/8OUKZv3AkDAOH8oaqrPJdBA==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.1.0.tgz",
"fileCount": 45,
"unpackedSize": 1897635,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb6baGCRA9TVsSAnZWagAAAeoP+QGtysNRYmr1dILfgOLS\n7eqZtNVSsvkV0y9WpofChEuEHLxeuiMnH5hWdSPPMktDgOXz6uA9Np6CRYx6\ndJi+Y3UUt8QPOt9xTHXsDH2FsKjH1N2hLNyGcuwavVNVwQWpiHa/TWBLoz3+\npPUvOMCGa3MjnYXWkCqjSl4IJ9F2unuXpNwRAknOR22AdruKTAO4xz2c0I9j\nw00kR7pSFVJz93+7FfbjDLxtng4mPYbriIIADSkvKQ8CO1vuJoNU+PjmjyZt\nf1F7n/LWX5/To/cTpWMlC/wzRDV9ryzU+Eqy+Kscqp7DEKnOk/Eh37ODClfh\n3Y0u4zzt7qT6dCmWxgTO92ZGqHkd5f47oM5V6GvjteTmHbGsHQah8Hr2V/55\nJEYX5bKdL21Udn9JzN3RLCSzZjQ65HIjj5zMbOP2iumuBtqAY1LREpZIkdMi\nLTmkeDhZxtypUVmZEyhqNB8Ger9voV09Qs9CFRMLKoLBZeJtW1ifGaODi6VE\nx73CPzfTB/PoT4RAQjQyFMZNNyqneyrSx7woz/y2DYDHev+47bGXclEpb+q8\nNcEo0BlPitfxMQx7iQ4hfWWPGV/OwCw0h0lp2r9aZposlflEl/+D2wN+c/lk\n7NE3/uSLUNvMseDWxbX4AMqgRUFPjg5QH13qXqJmat5lfC4yYnkmmsISjmtE\nZPdp\r\n=QDAB\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.1.0_1542043270164_0.33949067459813653"
},
"_hasShrinkwrap": false
},
"4.1.1": {
"name": "styled-components",
"version": "4.1.1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.8",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.6.0",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^10.0.1",
"babel-plugin-add-module-exports": "^1.0.0",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-macros": "^2.4.2",
"babel-plugin-preval": "^3.0.1",
"babel-plugin-tester": "^5.5.1",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "0.4.14",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"eslint": "^5.9.0",
"eslint-config-airbnb": "^17.1.0",
"eslint-config-prettier": "^3.3.0",
"eslint-plugin-import": "^2.14.0",
"eslint-plugin-jsx-a11y": "^6.1.2",
"eslint-plugin-prettier": "^3.0.0",
"eslint-plugin-react": "^7.11.1",
"express": "^4.16.4",
"flow-bin": "^0.82.0",
"flow-watch": "^1.1.1",
"husky": "^1.1.3",
"jest": "^23.6.0",
"jest-image-snapshot": "^2.7.0",
"jest-styled-components": "^6.3.1",
"lint-staged": "^8.0.4",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.15.2",
"puppeteer": "^1.10.0",
"raf": "^3.4.1",
"react": "^16.6.1",
"react-dom": "^16.6.1",
"react-frame-component": "^4.0.2",
"react-native": "^0.56.0",
"react-primitives": "^0.6.1",
"react-test-renderer": "^16.6.1",
"rimraf": "^2.6.1",
"rollup": "^0.66.5",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.8",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.1.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^3.0.0"
},
"peerDependencies": { "react": ">= 16.3.0", "react-dom": ">= 16.3.0" },
"jest": {
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": {
"linters": { "*.js": ["eslint --fix", "git add"] },
"ignore": ["**/test/*.js"]
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"husky": { "hooks": { "pre-commit": "flow check && lint-staged" } },
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.1.1",
"dist": {
"shasum": "943922048fae556e286bcbfdd29da4f1399446bc",
"integrity": "sha512-UzT/qyoOyKpYooeLdwKrPHZ85R8KWl8i0fbyH9I3z6B2WT9uGDCV7J4kbfKsBeSWFD9EytBriEODOkybcUFD/Q==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.1.1.tgz",
"fileCount": 45,
"unpackedSize": 1899890,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb6gkOCRA9TVsSAnZWagAApVoP+QC6SfZvNdYk9dWozo9h\nAKF7AV1G/UadnFzEZ2bTliBTtKeiv629iO2RQRtDm9CCAx//zE+Odx38CJrP\n6NddyMU59U/0KJ4FTZRXl8sogIM3eArhKufTGmxdRLsKzUHiQw92CQ14Yb2x\nU0V6aqM97pHX6h9/Ym5W27mVgFZ7d0hMNlziqmCBlHHvucscOR9a3McRZt/f\nNugnZ3mxVqqt+gQJCdkzYMTkKWglEBgip2ik5SDo3ZTGldNW+GhXanP7/Ifd\n4pa1EVe+5OdsC/4toMOexKMdM2hIJegt5s5PE2hpG+ecLQWgf6pq5IdxJpNP\nnQzoyyK9XPkqoYh9SRykxfs+oUAC37uPbNUpjbNovKzXoN7+aCSc18EH1wMl\ntqcLkob3nIR2g9fyp96tJRpYTuBfCuWtI0J0gi8jJdxMLrsDgL0dRuZ/3CTl\noa5XurspS4x62LcRIGXnB0SLmP/ULcCIj2Uqb649eeHu8KJRx5hquJjmgacI\nlF5V+ruUQSPlaRoNGNPk94fdrNG3omEFKnsTh3NOBh87RWkQk23phF8UVfA6\nuBfvKK5eYfZpFse7js3UVYFBeTKTFOvnTKZY/Fw8uInJau3KVDCbCq7C6VnT\nfe97WHDVWlYQf6dTVWVXL0BCqKFGp/nCTiZpBj+7VEDL9utC+OrIuVl9V6YV\nPW7t\r\n=LAxP\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.1.1_1542064397754_0.04348705284406207"
},
"_hasShrinkwrap": false
},
"4.1.2": {
"name": "styled-components",
"version": "4.1.2",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@emotion/is-prop-valid": "^0.6.8",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.6.0",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^10.0.1",
"babel-plugin-add-module-exports": "^1.0.0",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-macros": "^2.4.2",
"babel-plugin-preval": "^3.0.1",
"babel-plugin-tester": "^5.5.1",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "0.4.14",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"eslint": "^5.9.0",
"eslint-config-airbnb": "^17.1.0",
"eslint-config-prettier": "^3.3.0",
"eslint-plugin-import": "^2.14.0",
"eslint-plugin-jsx-a11y": "^6.1.2",
"eslint-plugin-prettier": "^3.0.0",
"eslint-plugin-react": "^7.11.1",
"express": "^4.16.4",
"flow-bin": "^0.82.0",
"flow-watch": "^1.1.1",
"husky": "^1.1.3",
"jest": "^23.6.0",
"jest-image-snapshot": "^2.7.0",
"jest-styled-components": "^6.3.1",
"lint-staged": "^8.0.4",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.15.2",
"puppeteer": "^1.10.0",
"raf": "^3.4.1",
"react": "^16.6.1",
"react-dom": "^16.6.1",
"react-frame-component": "^4.0.2",
"react-native": "^0.56.0",
"react-primitives": "^0.6.1",
"react-test-renderer": "^16.6.1",
"rimraf": "^2.6.1",
"rollup": "^0.66.5",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.8",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.1.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^3.0.0"
},
"peerDependencies": { "react": ">= 16.3.0", "react-dom": ">= 16.3.0" },
"jest": {
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": {
"linters": { "*.js": ["eslint --fix", "git add"] },
"ignore": ["**/test/*.js"]
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"husky": { "hooks": { "pre-commit": "flow check && lint-staged" } },
"licenseText": "MIT License\n\nCopyright (c) 2016-present Glen Maddern and Maximilian Stoiber\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n",
"_id": "styled-components@4.1.2",
"dist": {
"shasum": "f8a685e3b2bcd03c5beac7f2c02bb6ad237da9b3",
"integrity": "sha512-NdvWatJ2WLqZxAvto+oH0k7GAC/TlAUJTrHoXJddjbCrU6U23EmVbb9LXJBF+d6q6hH+g9nQYOWYPUeX/Vlc2w==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.1.2.tgz",
"fileCount": 45,
"unpackedSize": 1898291,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb/wu1CRA9TVsSAnZWagAAODgQAJ2xP5k0WIrxsof9miDm\njjcOXOliua6b8lLCNp9ayVKf4+G9K1C9NCZaIf6syUW4az3veOpi51Bmqfcv\nJK20CAjGJ7HyUOb6daRzOQifhr0/Z3HC29iFyygBB+rZNjjpKK21Q/+Ysdvv\npwj37pbZxxZcPQiuaOwdyMy8ciu0JU2a/jjbhCTDhpDXeAP9KyqjfNdRZZc3\n5YEtB9lvdH2F77wdyPDGpBvb1hvGFaNxQXu9wltvk72znK3LzkJCn8jS6bpC\nx0SKpt++rsCXGOqw4Mf8uhIq87WG7T/v0u/8CgCdzB1n8jC6OUHqWy69wK+X\nktUiPXsYAJ5buWnYKNcW+8N0hGYUxzgHZ8+qZYjkc0vGjgH2sUPVF3Z0Bpgx\nOdzs4g8Ao8C0bVphi7Pkt6vzw0Omc5b9hZ0F10d5unEqjut6lJtlDsGS0JuF\nksdN28ztLaNRmkWcrz6Hy+nCBe4ns0XyZZ3h0xqrfLe1rg0UzdnovCL8ZeBt\n/9gMzKuaoxaDZvEkyC46PwVcFvxB7p3PStD++ICrQ0kqT6N93AXgekzENwgm\ni7dqnsAsD5bUiWd0DsAPCTkn3ZSsfu66297FJfLrXJjmBHSXIk5jbtf9+kJr\nSZX8tH6rBiEfExFlK6qGOJ5VedriXeund9WbbK7XZBhXnCtOjiDMctkOnWWw\n1taw\r\n=UpWu\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.1.2_1543441332372_0.5403585765888175"
},
"_hasShrinkwrap": false
},
"3.5.0-0": {
"name": "styled-components",
"version": "3.5.0-0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅",
"typings": "typings/styled-components.d.ts",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
"./dist/styled-components-no-parser.esm.js": "./dist/styled-components-no-parser.browser.esm.js",
"./dist/styled-components-no-parser.cjs.js": "./dist/styled-components-no-parser.browser.cjs.js"
},
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest --outputFile test-results.json --json",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"test:size": "bundlesize",
"danger": "cross-env NODE_ENV=test danger ci -v",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"tslint": "tslint typings/*.ts native/*.ts",
"typescript": "tsc --project ./typings/tests",
"precommit": "lint-staged",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": ["react", "css", "css-in-js", "styled-components"],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"buffer": "^5.0.3",
"css-to-react-native": "^2.0.3",
"fbjs": "^0.8.16",
"hoist-non-react-statics": "^2.5.0",
"prop-types": "^15.5.4",
"react-is": "^16.3.1",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^3.2.3"
},
"devDependencies": {
"@types/node": "9.6.4",
"@types/react": "^16.3.12",
"@types/react-dom": "^16.0.5",
"@types/react-native": "^0.55.7",
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^8.2.3",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-flow-react-proptypes": "^2.1.3",
"babel-plugin-preval": "^3.0.0",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "^0.4.12",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"chokidar": "^1.6.0",
"cross-env": "^5.1.3",
"danger": "^3.7.14",
"danger-plugin-jest": "^1.1.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-flowtype": "^2.48.0",
"eslint-plugin-flowtype-errors": "^3.6.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-prettier": "^2.6.0",
"eslint-plugin-react": "^7.8.2",
"express": "^4.14.1",
"flow-bin": "^0.73.0",
"flow-watch": "^1.1.1",
"husky": "^0.14.3",
"jest": "^23.0.0",
"jest-image-snapshot": "^2.4.1",
"jest-styled-components": "^5.0.1",
"jsdom": "^9.10.0",
"lint-staged": "^6.0.0",
"node-watch": "^0.4.1",
"npm-run-all": "^4.1.2",
"prettier": "1.9.2",
"puppeteer": "^1.5.0",
"raf": "^3.4.0",
"react": "^16.3.0",
"react-dom": "^16.0.0",
"react-frame-component": "^2.0.2",
"react-native": "^0.46.0",
"react-primitives": "^0.4.2",
"react-test-renderer": "^16.0.0",
"rimraf": "^2.6.1",
"rollup": "^0.61.1",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.3",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.0.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.1.1",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^1.0.1",
"tslint": "^4.3.1",
"typescript": "^2.4.1"
},
"peerDependencies": { "react": ">= 0.14.0 < 17.0.0-0" },
"jest": {
"globals": { "__DEV__": true },
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": [
"raf/polyfill",
"<rootDir>/src/test/enzymeSetup.js",
"<rootDir>/src/test/globals.js"
],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": { "*.js": ["eslint --fix", "git add"] },
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16.5kB" },
{ "path": "./dist/styled-components.cjs.min.js", "maxSize": "11.5kB" },
{ "path": "./dist/styled-components.esm.min.js", "maxSize": "11.5kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n> If you are looking for styled-components v4.0 (under active development), check out the [roadmap](https://github.com/styled-components/styled-components/issues/1694) and [dev branch](https://github.com/styled-components/styled-components/tree/develop).\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n* [**Getting started**](https://www.styled-components.com/docs/basics)\n* [API Reference](https://styled-components.com/docs/api)\n* [Theming](https://www.styled-components.com/docs/advanced#theming)\n* [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n* [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"readmeFilename": "README.md",
"gitHead": "cac9037c02ed3208c2f229c961b5f3be0ba53a6a",
"_id": "styled-components@3.5.0-0",
"_npmVersion": "6.4.1",
"_nodeVersion": "10.14.0",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"integrity": "sha512-6nxfwedEwKPFvrAIWte36O6vFsLkVxif1FRh/mlJlXT1d+bDAat/SBDG2aRu/I1qdRpY0JBKHAXrl21dtVVX5w==",
"shasum": "060806a908a81d4e5446b256d9dd3fda7f17cc50",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-3.5.0-0.tgz",
"fileCount": 262,
"unpackedSize": 3102450,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcB+ZOCRA9TVsSAnZWagAA1+wP/1+i+x38CV/csI8FHzlT\nYjgu6pmYx7V6Qk1rvLeV7mv5RNmUBlvRzK0SkD9MzWwrKqh+5gkuK/4ckJsA\nht4jBdCHllXQ6LOXDOlAc4zLkfXxJE1iqrczlMX74V12/Q3Rz6Mg1hvQ5mOp\n/yLWlyd5Dv/MWf3xf6474Rg58akdNBVnB3rd8hxqJQG+p1AnwOlSbCLI/IHI\nvbog9xBGjZ8eysaHi58wz3CuIYomsw+oBRi5iZHH/8n6wUel1zSkGIsYbFGx\niJ7SfTeURcI6LmPTAqAeZC/Hl51srvrKNES0YO14Z+tiBmul+FBdSLbI8b+H\nh7lPjXQ55ORFc16KqzkdOjSgEMpxIAr/8tfhoZVfK9G3SF1cJwVm3VE3MPBb\n5jxsd+RI8KBgZyRjQkJIDNoWzEW4SonrwJSYSkLsXhAE+fPNWUHfcAXtvx5Y\nwzVjeRxZS5/eIa40dbOAzAjSqlzg0iyVXh+gQOKbfQIzgStrY9ApAQxnci1Z\njTdyLD1uBfpgPzA9Qkoln341um5tO+OWh/h9XpHdOouO0IXDLTB/FKVtb3uV\nF9Ie3ZYHoaLR2kNwyzyZWH2zXaVD749oMdRJrw3EusSSUWlfka1q6WxEJkFq\nkK1qwQ9MJhzaKtVvZ9WAXUG0fvQJ02jqkX/HhJZ8eV0LxX2lDVRrboRP/SQd\n2M6e\r\n=PpIV\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_3.5.0-0_1544021582099_0.8275547850193414"
},
"_hasShrinkwrap": false
},
"4.1.3": {
"name": "styled-components",
"version": "4.1.3",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"test": "run-s test:*",
"test:web": "jest",
"test:web:watch": "npm run test:web -- --watch",
"test:native": "jest -c .jest.native.json",
"test:native:watch": "npm run test:native -- --watch",
"test:primitives": "jest -c .jest.primitives.json",
"test:primitives:watch": "npm run test:primitives -- --watch",
"test:integration": "jest -c .jest.integration.json --runInBand --forceExit",
"size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"lint-staged": "lint-staged",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@emotion/is-prop-valid": "^0.7.3",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"memoize-one": "^4.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.6.0",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"devDependencies": {
"babel-cli": "^6.22.2",
"babel-core": "^6.17.0",
"babel-eslint": "^10.0.1",
"babel-plugin-add-module-exports": "^1.0.0",
"babel-plugin-external-helpers": "^6.22.0",
"babel-plugin-macros": "^2.4.2",
"babel-plugin-preval": "^3.0.1",
"babel-plugin-tester": "^5.5.1",
"babel-plugin-transform-class-properties": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.22.0",
"babel-plugin-transform-react-remove-prop-types": "0.4.14",
"babel-preset-env": "^1.4.0",
"babel-preset-react": "^6.22.0",
"bundlesize": "^0.17.0",
"cross-env": "^5.1.3",
"eslint": "^5.9.0",
"eslint-config-airbnb": "^17.1.0",
"eslint-config-prettier": "^3.3.0",
"eslint-plugin-import": "^2.14.0",
"eslint-plugin-jsx-a11y": "^6.1.2",
"eslint-plugin-prettier": "^3.0.0",
"eslint-plugin-react": "^7.11.1",
"express": "^4.16.4",
"flow-bin": "^0.82.0",
"flow-watch": "^1.1.1",
"husky": "^1.1.3",
"jest": "^23.6.0",
"jest-image-snapshot": "^2.7.0",
"jest-styled-components": "^6.3.1",
"lint-staged": "^8.0.4",
"node-watch": "^0.5.0",
"npm-run-all": "^4.1.2",
"prettier": "^1.15.2",
"puppeteer": "^1.10.0",
"raf": "^3.4.1",
"react": "^16.6.1",
"react-dom": "^16.6.1",
"react-frame-component": "^4.0.2",
"react-native": "^0.56.0",
"react-primitives": "^0.6.1",
"react-test-renderer": "^16.6.1",
"rimraf": "^2.6.1",
"rollup": "^0.66.5",
"rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^9.1.8",
"rollup-plugin-flow": "^1.1.1",
"rollup-plugin-json": "^3.1.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^1.0.0",
"rollup-plugin-sourcemaps": "^0.4.2",
"rollup-plugin-terser": "^3.0.0"
},
"peerDependencies": { "react": ">= 16.3.0", "react-dom": ">= 16.3.0" },
"jest": {
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"lint-staged": {
"linters": { "*.js": ["eslint --fix", "git add"] },
"ignore": ["**/test/*.js"]
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"husky": { "hooks": { "pre-commit": "flow check && lint-staged" } },
"gitHead": "6f867e9ab9ac8dcb5c67c30b5469979386cf3d76",
"_id": "styled-components@4.1.3",
"_npmVersion": "6.4.1",
"_nodeVersion": "10.14.0",
"_npmUser": { "name": "mxstbr", "email": "npm@mxstbr.com" },
"dist": {
"integrity": "sha512-0quV4KnSfvq5iMtT0RzpMGl/Dg3XIxIxOl9eJpiqiq4SrAmR1l1DLzNpMzoy3DyzdXVDMJS2HzROnXscWA3SEw==",
"shasum": "4472447208e618b57e84deaaeb6acd34a5e0fe9b",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.1.3.tgz",
"fileCount": 36,
"unpackedSize": 1898661,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcF3baCRA9TVsSAnZWagAASY0P/RYAN0goeBIxHR52Gdby\nOy1qcngR/MnOYdWL4t99EbtomarQ91yXmFtwUwpcYGQUSM2g5mhgCIGdb/gT\naW+BaPphHr9K2H+FM34qQMqRbXxNr/rY8R04qEjPz8ywV8dpglPhZW4m3xFJ\n9uip66Wza8KFhfAPeSiqTpSWyY4Fvfn2O34wY8dapEYTyc2hLSDim3qa90xC\nTy6m0x1VydGTvw03SGR0vm1ecjkMTJDppwl7Pz++5Xu/qAqZk6hYR0kzedja\nR9H68AMR0zV9tOrzT++IAz35SrJ68Pfk4vzywFe5n6AIQCgt8FAqkNBW1zgF\ngL/732ThkadcOEIkfQGkUlK2vgOltdSEQaBlDMckArNtAHEC6CrKjJX3SasR\nfS3+gGmDzV5Zvhcf88PSaAQdQ50RrAPqmowA11mCPAtOwZzhYJYcleH4PGt/\nltij8kdvip1te7xi7QdCfHe5LpDWs7v94X/JFvzr8m+VSI5uPH//0hcF9s/s\nnIEwcH1esjaRywMh16BykXVSXN3XRnhZ0g/3Tr1IagrsUEVwIA6wBQ3PQK/K\n9zW25wtAIDfrL7UIJ5+dJo3pl1R0NKsrDjYBoqsRIA/wUQXM+5LAmZl1ex2i\nqn96j2+3io6snFOyA2b00O29JKTYqwZZSdkaZMXeL30rGc/wloTv/2gxXJPu\nw5Aq\r\n=7AuV\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.1.3_1545041625564_0.4704894709015939"
},
"_hasShrinkwrap": false
},
"4.1.4-alpha.2": {
"name": "styled-components",
"version": "4.1.4-alpha.2",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@emotion/is-prop-valid": "^0.7.3",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"memoize-one": "^5.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.6.0",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": { "react": ">= 16.3.0", "react-dom": ">= 16.3.0" },
"devDependencies": {
"react": "^16.6.1",
"react-dom": "^16.6.1",
"react-frame-component": "^4.0.2",
"react-native": "^0.56.0",
"react-primitives": "^0.6.1",
"react-test-renderer": "^16.6.1"
},
"jest": {
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"gitHead": "df46bda21194937d0c200cac29262fc8e810827d",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.styled-components.com/docs/basics)\n- [API Reference](https://styled-components.com/docs/api)\n- [Theming](https://www.styled-components.com/docs/advanced#theming)\n- [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n- [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Babel Macro\n\nIf you're using tooling that has babel-plugin-macros set up, you can switch to the `styled-components/macro` import path instead to gain the effects of the babel plugin without further setup.\n\n```js\nimport styled from 'styled-components/macro';\n\n// A static className will be generated for Title (important for SSR)\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n```\n\nIf you wish to provide configuration options to the babel plugin similar to how you would in a `.babelrc`, [see this guide](https://github.com/kentcdodds/babel-plugin-macros/blob/master/other/docs/author.md#config-experimental). The config name is `\"styledComponents\"`.\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"readmeFilename": "README.md",
"_id": "styled-components@4.1.4-alpha.2",
"_nodeVersion": "11.0.0",
"_npmVersion": "lerna/3.10.5/node@v11.0.0+x64 (darwin)",
"dist": {
"integrity": "sha512-VdabbbFHbLansIO6SYrsGBIvhH6HzEs2xpD7fNv0DcUec1iNt4e5QkdfmUEqmRrdfsyIXAKJjO29azSpK6F9/w==",
"shasum": "f34770c9d74506e14b2ea4cf6fd40ad3f7cda029",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.1.4-alpha.2.tgz",
"fileCount": 33,
"unpackedSize": 1814463,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcQb6mCRA9TVsSAnZWagAAyBMP/3Pv7/QGX/w1ZgfRy/Im\n0Quo6YHnK9jkDwt3WGzUM197sSvwrHuKLVFTE+fNtB+U7QY4kPdTaDJOdYR5\nz/gb3zZFRHshydfCusfkxnsSYcPd1igds1MvTBkbqoaFJtLckuGYF/Qz5kQ+\n0seVbFhMJRWEh7GXpLU3OVPjH6t8ODjecOn01fAFyFZsIxV3hPJahWblCtzt\n0WRN6dFStFiMVyXmtKqzaU6X+qjARj2XCzDCZFvMZmUypxXxXrG2kNlY/f3g\nNRmROauvZH8hYf7xZPboc8WzzYLKad113lUBGAH3bq/xHu1OndZIKNaKDVip\nxaCw6YtjALkXhlcEWaBl7cMe1D5/Y2M8dX3LV5mXyaw/EavhZA+0kCX6AfF7\nSLeJuzud1DKv2v3ZvPsED9qnkzo3W27r6s7vWFQzJfXo7arLIzM4X90pBVSi\nBBLuMZalVAKlsW6iuIhwdrSa2NXqcNcGXEBW8d+Dr/pyf/CgpNJPkwMYmOWs\naXWBIAeMpUlgz2iZje5oQsyfysikJQifSDug1sj/g5q3j0oa7C1bgHpqbLCI\n8gJ8lp4PGD3xscZHC/0s0p+5+IN5/Zpl9H6zw+6eGQQ4HUMiIPczN+Yrj6kD\n9Tp7yHslKFLCMdGgoBHuxiTGWPik1y8QvmjsSNEScaI9M1Px4xCnKMQYac3h\nNEZE\r\n=FcTL\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": {
"name": "imbhargav5",
"email": "bhargavponnapalli.5@gmail.com"
},
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.1.4-alpha.2_1547812517503_0.7790843728033625"
},
"_hasShrinkwrap": false
},
"4.1.4-alpha.3": {
"name": "styled-components",
"version": "4.1.4-alpha.3",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@emotion/is-prop-valid": "^0.7.3",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"memoize-one": "^5.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.6.0",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": { "react": ">= 16.3.0", "react-dom": ">= 16.3.0" },
"devDependencies": {
"react": "^16.6.1",
"react-dom": "^16.6.1",
"react-frame-component": "^4.0.2",
"react-native": "^0.56.0",
"react-primitives": "^0.6.1",
"react-test-renderer": "^16.6.1"
},
"jest": {
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"gitHead": "28f84f77b11b27c67639c7103f4c35021d05adc1",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.styled-components.com/docs/basics)\n- [API Reference](https://styled-components.com/docs/api)\n- [Theming](https://www.styled-components.com/docs/advanced#theming)\n- [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n- [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Babel Macro\n\nIf you're using tooling that has babel-plugin-macros set up, you can switch to the `styled-components/macro` import path instead to gain the effects of the babel plugin without further setup.\n\n```js\nimport styled from 'styled-components/macro';\n\n// A static className will be generated for Title (important for SSR)\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n```\n\nIf you wish to provide configuration options to the babel plugin similar to how you would in a `.babelrc`, [see this guide](https://github.com/kentcdodds/babel-plugin-macros/blob/master/other/docs/author.md#config-experimental). The config name is `\"styledComponents\"`.\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"readmeFilename": "README.md",
"_id": "styled-components@4.1.4-alpha.3",
"_nodeVersion": "11.0.0",
"_npmVersion": "lerna/3.10.5/node@v11.0.0+x64 (darwin)",
"dist": {
"integrity": "sha512-C8s5J/N7+aOdASS3DHfFaqWqGUzibd8SZVS4EZJ/n68HMuP693PzjeShserAhMmmbFIk/OrfJXNZ5EJKA1uxHA==",
"shasum": "fdf4d68f327118c277cefc4b5a1ed6ba743f1386",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.1.4-alpha.3.tgz",
"fileCount": 33,
"unpackedSize": 1814463,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcQe9mCRA9TVsSAnZWagAAaKUP/iSKl5WxtjYU75KRmYrl\nXI+8V04kYHOlar32gXjiRrz2jMjfSqzdmZYuNpVLiF9zwJJmyeijMFwrRgQW\nQ315Qv5M/c9DkBLeKgMenRBY3rIuf8tVT2Cz7jh6JwrKDjTMZPt0Khd2TTgL\netBllBv7iav+MKPHxIaADGvZKL+6QSIJW+iEoVeJLxic7plI8GwVyNY2wqW3\nAGPw434bUEdhrirTDP4GzmbNTv6DLYKh9+AgkG4wvC4yGTwBcZBidG4XxBY1\nbp5YWIJ8ixXv3e70zRtyk1xBwls/rxWKyGq4k2/oCtw6cdR9Eqe3J39iOdNG\n/8BuV1Gb7bibVISg3jnoit0KC+MxVbXQ3vH1jAwtA0HQ7noaCw7NW9NrAePV\nE1uXFJcqNDWm7ShIO4MBBRwvGwuUTwjfEg7NCKFTx11oKLwWph6N2awL+KZz\nnpGITVbXbz9wKp42ATXyjL5fyQKY+ePWSXvcxtPD8zNr5l2RzQMqv48JftJl\npQt9eSmLS8PX1xJXC+5aOzE8GA+7Hih8vC/uMCZ95NCD6d/MbrTXo8RgKq84\nCk5N/C/oElWmEnMKm5v/pmGJqZbuGy5dT5a0PTZugSHR7Vdiw2ugQNUKdM+0\ngwbJxhm5c2mEiyILNPztt9SYKyRmX3BjzQuW5XIHqgNWKT08rXHOn63ibhvn\nfWJ+\r\n=50Tm\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": {
"name": "imbhargav5",
"email": "bhargavponnapalli.5@gmail.com"
},
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.1.4-alpha.3_1547824997783_0.70004154560077"
},
"_hasShrinkwrap": false
},
"4.1.4-alpha.4": {
"name": "styled-components",
"version": "4.1.4-alpha.4",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@emotion/is-prop-valid": "^0.7.3",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"memoize-one": "^5.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.6.0",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": { "react": ">= 16.3.0", "react-dom": ">= 16.3.0" },
"devDependencies": {
"react": "^16.6.1",
"react-dom": "^16.6.1",
"react-frame-component": "^4.0.2",
"react-native": "^0.56.0",
"react-primitives": "^0.6.1",
"react-test-renderer": "^16.6.1"
},
"jest": {
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"gitHead": "455004bcb0ca1e2d8a65f9292e0ae8f125fd8de3",
"readme": "ERROR: No README data found!",
"_id": "styled-components@4.1.4-alpha.4",
"_nodeVersion": "11.0.0",
"_npmVersion": "lerna/3.10.5/node@v11.0.0+x64 (darwin)",
"dist": {
"integrity": "sha512-7+JKTEbkSleOEyixJhON6LAZQGxriLLjlzfACwG32eHXFCiGce71CTP0a6fNzwN4yPeLyABzd5XuwzewMg9jUQ==",
"shasum": "7f81f41ed20774287b173f6e8c7106d5f376e58e",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.1.4-alpha.4.tgz",
"fileCount": 32,
"unpackedSize": 1805804,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcQfAgCRA9TVsSAnZWagAAc5kP/i7Qc/JcCOGtTobdE5tU\nDbRLDLb8lC6DbEn3fO/XPDkKyLtYOV7lnoFtIyNKwTVOvAlvCag8kAStSm98\nb9MOCuIhZFDD0i6AFx3FAx1Dq8MRBuFy8HNvyn/PBPUCEC2oc7oNEfeoC+Sd\nHYuC2oe224TMfSQGjhEVj/v4eV/HXYc1rBmqqTcso3QkOcY74JYIGjQ0dR+D\n+cOWnTW0LudcCbGhQ15O/BSZ4eNJ5obzaTObVwaMqv/+nro4hOclNI5+naNQ\newTnSBcDDKjvKe09wA9jFw+9gfSuGEV3PAazQwaz0c8hMuYLkJ5x3DdlfFru\n99F0E53rbetawVCAaeDiwL3D45tur/OXOU98ZvydHNASx8aBAaGKoIKdqk6l\nSMOWneOzR0WL0YCxyG/yFAklPkzc3WsJZlZnp6ajjwHOjrK/o7dgsJlF8/is\nYb41RQiIDQQXfUZiYn0b7W7oHS7MzIssERuojm7ULkddNGb8i4EthQv4Gv5l\nzKK9pL1+7Z/jjleD9s+qsTRSWWuEKrzkO9fT/SNE4wiTwvhXo7/PWoN1mq6P\n+EUqUvOpzzXWweLhAygbMrAvh2soOnxFDgvZEaDULE5Xn05S2Ugh7BR63QNJ\n2T8OyyrKUA+EULttaWkN2UkLbPRBHtsyCtlCUTb3G1yiiEhZoq5qb1qZ2QKz\nLRvF\r\n=RICh\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": {
"name": "imbhargav5",
"email": "bhargavponnapalli.5@gmail.com"
},
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.1.4-alpha.4_1547825184202_0.26669508699215827"
},
"_hasShrinkwrap": false
},
"4.1.4-alpha.5": {
"name": "styled-components",
"version": "4.1.4-alpha.5",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@emotion/is-prop-valid": "^0.7.3",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"memoize-one": "^5.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.6.0",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": { "react": ">= 16.3.0", "react-dom": ">= 16.3.0" },
"devDependencies": {
"react": "^16.6.1",
"react-dom": "^16.6.1",
"react-frame-component": "^4.0.2",
"react-native": "^0.56.0",
"react-primitives": "^0.6.1",
"react-test-renderer": "^16.6.1"
},
"jest": {
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"gitHead": "cb459c283c45e53fac169e9c8218f47507ef3d52",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.styled-components.com/docs/basics)\n- [API Reference](https://styled-components.com/docs/api)\n- [Theming](https://www.styled-components.com/docs/advanced#theming)\n- [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n- [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Babel Macro\n\nIf you're using tooling that has babel-plugin-macros set up, you can switch to the `styled-components/macro` import path instead to gain the effects of the babel plugin without further setup.\n\n```js\nimport styled from 'styled-components/macro';\n\n// A static className will be generated for Title (important for SSR)\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n```\n\nIf you wish to provide configuration options to the babel plugin similar to how you would in a `.babelrc`, [see this guide](https://github.com/kentcdodds/babel-plugin-macros/blob/master/other/docs/author.md#config-experimental). The config name is `\"styledComponents\"`.\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"readmeFilename": "README.md",
"_id": "styled-components@4.1.4-alpha.5",
"_nodeVersion": "11.0.0",
"_npmVersion": "lerna/3.10.5/node@v11.0.0+x64 (darwin)",
"dist": {
"integrity": "sha512-VzqxD04B/5z6xI5O+SzE6bnMGM8TVleJIJ80MZJRr4sJ/Ua9//OXaPvxjaqL7Kq+lUenPkbm1cvoNcKBxUQ2pg==",
"shasum": "5556331848594c15832cbe263b543bd9cdd464c2",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.1.4-alpha.5.tgz",
"fileCount": 33,
"unpackedSize": 1814463,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcQfDmCRA9TVsSAnZWagAAAAwP/09e7WB+LIFamfYNr3q1\n7ovxI//fQSQ09Dy33SWPo8OhJPbqzhHUj3ato2mFAWwE2Nc527VanNASTxpw\nHeEfbwxS0I32tna6p7Klu/WXyrcT9R//c02dYcOX7ADHOPi8aJaI9ILvlisH\npqQlVvRCY5jBABb9ov/q9b2i8Fm5VVHFhGapoARQ3t/ZMgcgEWxHZtJx1s2F\nE7vso9HQnvpQ/mKsiBBEAjtgDN5lnwf8LHIg4WqEV1YiI3OB2Ds0VeqzpRvG\nkz/fPKhWiPB5fHPyCjqvScVLH5dTQItCh2+Z6LFAyg0q+FLs/DSyKigvzMNg\n0Uluv/SXlOubuCeJXef47DSIkdDZ9+D4LvCUgYgc8630xCV1cc1UfIYksn87\n/XpVxSwae7xhfQh+VC/KsXhDFaorzIK5ugS9QozMsmFC98ePWgm25ieNEcPQ\nMjwPykeHHTtab3Tq41ndsS6ehGCNwQu80PpjTjYnoF8pHq0sgfCa4Q3yQGQL\n69evVHJIvenkulrAS9uOOeoerUXXlrr86xVspNmf8ZA2rd3JLPCBkAYB1C/t\nWLjt+OJSu0is21O/XlQvMTVv5lllZdhjiEFjHrSSJRhpuMLhwFgH35l+1QM0\npC3jwSTMSZP11KJ5QxPRGmVkDk+Ww+d9GPU9oobziHyJJhr9sG/Y+SaFnG/D\nYWrE\r\n=yv43\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": {
"name": "imbhargav5",
"email": "bhargavponnapalli.5@gmail.com"
},
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.1.4-alpha.5_1547825381471_0.8289703045314307"
},
"_hasShrinkwrap": false
},
"4.1.4-alpha.6": {
"name": "styled-components",
"version": "4.1.4-alpha.6",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@emotion/is-prop-valid": "^0.7.3",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"memoize-one": "^5.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.6.0",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": { "react": ">= 16.3.0", "react-dom": ">= 16.3.0" },
"devDependencies": {
"react": "^16.6.1",
"react-dom": "^16.6.1",
"react-frame-component": "^4.0.2",
"react-native": "^0.56.0",
"react-primitives": "^0.6.1",
"react-test-renderer": "^16.6.1"
},
"jest": {
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"_id": "styled-components@4.1.4-alpha.6",
"dist": {
"shasum": "3083e86c9d59d42b9e55df4fc6deda70e0247a7f",
"integrity": "sha512-MeYHpa4p3GCvMbzRQ6q+0I6IwKa6z/Q5988D6MpH36lEgRPZABzz1Fq5m4ZTrAYTn/UpkXns3TXdic8cUYbeAw==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.1.4-alpha.6.tgz",
"fileCount": 40,
"unpackedSize": 1806552,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcfrvnCRA9TVsSAnZWagAA3XEP/j2NBqDyoWZCIB7j2Bgm\ngSKstSWrz+qqO7/h971SdmqK1O8xZ6dbK1sJgFiSReVxPJ2Q+7pLlL5fsbrl\nRpGjC9eUqjFUkYBWXXuoxbU+h6LZ6oX/QlMqHSJck5eGqeVTzYqH2/S/+Vqc\nNu1qEFXb6NPvt3g3FN48jcpEs0sRYM7mMXHw19ZaUiTub1gypNsvSlKMn6nc\nyJssa8bELOlPFXMMsIOF5BK2UvdP4ChRVcCCTISZ5i6PCQ7ruUul07aQiphb\nvVfNJr1GjZRMOHoAAvpJ3a9JNw446Dc+KdG8T6I6OuNuUKie6rCJBkeWB+YN\nZEjm7tTUcMM02oM9zl8gZbaOvdhVgD70GavyILnl04AaGI6J1eIgPus2FjcB\n/Ly7jtwA374p/PK3QxJnYQIap5tULll+qFKE1wfGjK1nFW3KlNNdfKsjeUlk\n4TpvPMqodlIp8wKJr5oxxEHE/2RGkc6zPNEkppIieC4CIXsXJJqAQ2ZndVLg\nvop0z3dT42u8WJIMW6cPHR3jbuJB6+WIgl3095JGhUDYZKtrL7V1BWomSBF/\ne6BLLTJ4TIzG0eCqXbhPdZIg3PckcsNuxlNlwkFRUdVcm8e8TnMH2lP1miGa\nssLPd3c6ARCqPdnUv9Bt7iEmvVX02/DvFvyi6EtrfcIbwGjR+fdOchsMUPQ5\nIV59\r\n=MGvL\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.1.4-alpha.6_1551809510332_0.3528116862159889"
},
"_hasShrinkwrap": false
},
"4.2.0": {
"name": "styled-components",
"version": "4.2.0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@emotion/is-prop-valid": "^0.7.3",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"memoize-one": "^5.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.6.0",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": { "react": ">= 16.3.0", "react-dom": ">= 16.3.0" },
"devDependencies": {
"react": "^16.6.1",
"react-dom": "^16.6.1",
"react-frame-component": "^4.0.2",
"react-native": "^0.56.0",
"react-primitives": "^0.6.1",
"react-test-renderer": "^16.6.1"
},
"jest": {
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"gitHead": "df2c947e0a2a61e739b391cd8a47a787a56f6f5b",
"_id": "styled-components@4.2.0",
"_nodeVersion": "10.15.1",
"_npmVersion": "lerna/3.10.5/node@v10.15.1+x64 (darwin)",
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"dist": {
"integrity": "sha512-L/LzkL3ZbBhqIVHdR7DbYujy4tqvTNRfc+4JWDCYyhTatI+8CRRQUmdaR0+ARl03DWsfKLhjewll5uNLrqrl4A==",
"shasum": "811fbbec4d64c7189f6c7482b9eb6fefa7fefef7",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.2.0.tgz",
"fileCount": 33,
"unpackedSize": 1822436,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJclmH2CRA9TVsSAnZWagAASDUP/0bJXS/hab/Q0Nz6Dyx6\n2aFSU0YeRFmF6BdgBU5DkO4rq568Z1QyNL3uz/zcaFQ7PwOdqpVdfdbxwRcA\njQNt1z2EcSx53W9+XBhVFmwA2QX752NUMpewVlBQGF3/1zTE14q6e+GPRFXD\nMqGc0Xmh5hMfZAFqLrR4q1Zvg7vqCsOFWonRbojQlnWIIPc6cxcJuclPoOJw\n6Uix9vPaSzPKU0oqpsfWF519JxDmEJ58eRKHtjipJJ1NsyICfbtEbVLHK02K\nu1lBt45GC9g981QNOVpYJZMob4rOgQ2vuaWsmjVTfLANrAgZKCLDvYHOdZ6L\nvXY9fz/L4g57m55yjzNluuLdLPGjsR/jq8SItdurrB0JPZD6LBPl834vffUU\nHNayXUJzpcKiiuY3SfEhHj4xQbzWK2ofU9cHY8jVUHp2dqt4c42fzQMSby8P\nT4yOPHeECJdRrNN3Rq7E7jrhLJNuSq79RGGujk4lqoqKyhEnSQ+72AM3aSQJ\nD+n2uaWJNrc//3W/O+1msFYiqSRbaZkBjf/Cp0tWmiDu4XYdohsEvJCYlSr2\n5NfCs99z9q6dkeU719OtG/liVlp3VvxNtP9ZMMykPllpQ8U0sya4obBFCh1h\nCctayeAV+QWNUFMsimfCSQzzhr2v0C+5teWcHHYbbXnDX4tzFOQbDPQro3cU\nn4AG\r\n=nwKX\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.2.0_1553359349102_0.01846052465299941"
},
"_hasShrinkwrap": false
},
"5.0.0-0.canary-sheet": {
"name": "styled-components",
"version": "5.0.0-0.canary-sheet",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"flow": "flow check",
"flow:watch": "flow-watch",
"test": "run-s test:*",
"test:web": "jest -c ../../scripts/jest/config.main.js",
"test:native": "jest -c ../../scripts/jest/config.native.js",
"test:primitives": "jest -c ../../scripts/jest/config.primitives.js",
"test:integration": "jest -c ../../scripts/jest/config.integration.js --runInBand --forceExit",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"lint:size": "bundlesize",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@emotion/is-prop-valid": "^0.7.3",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"prop-types": "^15.7.2",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": {
"react": ">= 16.8.0",
"react-dom": ">= 16.8.0",
"react-is": ">= 16.8.0"
},
"devDependencies": {
"flow-bin": "^0.93.0",
"npm-run-all": "^4.1.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-frame-component": "^4.0.2",
"react-is": "^16.8.6",
"react-native": "^0.59.6",
"react-primitives": "^0.8.0",
"react-test-renderer": "^16.8.6",
"rimraf": "^2.6.3"
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "17kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readme": "ERROR: No README data found!",
"_id": "styled-components@5.0.0-0.canary-sheet",
"_npmVersion": "6.4.1",
"_nodeVersion": "10.15.3",
"_npmUser": { "name": "philpl", "email": "phil@kitten.sh" },
"dist": {
"integrity": "sha512-X4hVNTPvX0iTmlwkO5u05VZ9VZbfzvZVTH0gAlbVVzSnIR4SRvRrQ2p4BvtN9FhHNgE/TJuHT0a+lf6tDkaPDw==",
"shasum": "5ea573463834d64083a5ca86859df8c8ba3080c4",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-5.0.0-0.canary-sheet.tgz",
"fileCount": 31,
"unpackedSize": 1357572,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcyG3RCRA9TVsSAnZWagAAqJQP/A1PR1t4FMS1snn7of1i\n5Ltal2QtB2v0St7jKWOY/k8yZzAXdkGi6D0NOuq72GdHuiR2N93zJAeWfFDV\ntbXt8gqA5pgMCj6+2uFIiD+7BJoEQfKqLcR2C+UdQZVWD22jXm5CYT4fcSaN\n1HzUu6djep3lTbH7NUFQGPk0k0fTle67mih+RioajZcyrjfEjGOX/y1GM9DM\ntOWkdQ/tH9rmS16CYr7TyzqxxO5i8F5rNbCFKEvG5ejDnMe1/PAspFWcyPSF\nslNoRi1iY//1OUajr7h0fLKa/wbl8ZZMy72dVlryqEiDZna+oNxbjXKky1Z5\nf88m7rU5xEfSoej4m02FnJbMqeEHk9L9lOU/kjWgo41CnZnXVYLgmzMOL0KQ\nSViSKrPzvbpcBorQgidlLsHJDXYGvDoD/MRIcvZOoei4bXd6srNjS12UFPG9\nUZW/LtET3di9WWcTKLhyC6AdgB35F4LHZdDiN6lD7McidFyrrWGKmfaMkQxA\n1XEN+7Umf2b1GugalXt8IHd7bRkHSQrrAIohhKI2f52P/xPIQC/GOIAKAGFV\nN4jUBOmDZK85srl8wupbm6J6/1Y8SAcMd37yoN7zg8WQ3HAX9fleEL9/s2Yh\n5nukg3SJAzOsMaSalusA0nmnN1HKu1ZuqDHGTAW1ExbW2Vr8TvqESJ04t8bY\n+4j4\r\n=203Z\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_5.0.0-0.canary-sheet_1556639184694_0.6230517623121157"
},
"_hasShrinkwrap": false
},
"5.0.0-1.canary-sheet": {
"name": "styled-components",
"version": "5.0.0-1.canary-sheet",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"postbuild": "npm run lint:size",
"flow": "flow check",
"flow:watch": "flow-watch",
"test": "run-s test:*",
"test:web": "jest -c ../../scripts/jest/config.main.js",
"test:native": "jest -c ../../scripts/jest/config.native.js",
"test:primitives": "jest -c ../../scripts/jest/config.primitives.js",
"test:integration": "jest -c ../../scripts/jest/config.integration.js --runInBand --forceExit",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"lint:size": "bundlesize",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@emotion/is-prop-valid": "^0.7.3",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"prop-types": "^15.7.2",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": {
"react": ">= 16.8.0",
"react-dom": ">= 16.8.0",
"react-is": ">= 16.8.0"
},
"devDependencies": {
"flow-bin": "^0.93.0",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-frame-component": "^4.0.2",
"react-is": "^16.8.6",
"react-native": "^0.59.6",
"react-primitives": "^0.8.0",
"react-test-renderer": "^16.8.6",
"npm-run-all": "^4.1.2"
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "17kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"_id": "styled-components@5.0.0-1.canary-sheet",
"dist": {
"shasum": "2b2951d2540a8c4bacaa7598e5b27d2699edc753",
"integrity": "sha512-npdtu7ZefAAprwtNgqap6evl3aNCrMgiYDvpjOtbJKEVCbbpoE3nSGSBhYa81j85OkYogTWqynW+iNww8YUimQ==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-5.0.0-1.canary-sheet.tgz",
"fileCount": 40,
"unpackedSize": 1350964,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcywxuCRA9TVsSAnZWagAAP1UP/2jssegR+SS74270/XDx\nNGqH1YgrZ4bvTZaNj8pO6QJnKCNzrYx+81J76CeSDO09MsOS+VzOTUsNcbyi\n7eiLCedT/tKbgPBBa3oG99nRyc9U+xWkTQxnKnimWflFPFP8vmeJfPPvhswp\nwfpqfrw3g4Vh1rxT2ZEAjobdjTPRdZlMJHisYqxSIput7fEcwPUF4uZdFMnH\nZJgORAu61THmD3uok1lnscdTkxkFbatAQYk3TXRTTRZzIffvb+VOhM3+j1fR\nSHpasezp/lBhXIrx+hQb2peRwvdE+iOoDBY2D7bh9G1HGykk5FcdwI8Wfze6\nES/ch3f0Pv+lMHlRWLY+MFzIYMOtHxbYqmLJgq3v+20Njv/AgNTk+N9TMAam\n2cu2T7d3oELj2r04z8NS4Me9PAwly803oKwe7/KPnHPXhWnp9fja47wES4tz\nkoa04oVt+XZHCAwDt2iKtFXIgY+rskyPJ2tkQVRMoyM9v7sEsKrJRCs72cWo\ndPGyWraIsDPa9A91TOcgq9pQ2HpqMStgieY/REb4nWa/nbed5RM6NeY7sNA9\npne7InBSKTWO5g6KVWkTZArcQ9baQ6201XW5nsmP7+4EMT/UaOhJj0k5xSvJ\nbepc8svT9qNhpVIdFY8zsT82f7RDa+bbt23Rz/QRETUmw8JnW58uALXJG6Ih\nZzoY\r\n=Avzq\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "philpl", "email": "phil@kitten.sh" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_5.0.0-1.canary-sheet_1556810861687_0.23126913478810973"
},
"_hasShrinkwrap": false
},
"5.0.0-3.canary-sheet": {
"name": "styled-components",
"version": "5.0.0-3.canary-sheet",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"postbuild": "npm run lint:size",
"flow": "flow check",
"flow:watch": "flow-watch",
"test": "run-s test:*",
"test:web": "jest -c ../../scripts/jest/config.main.js",
"test:native": "jest -c ../../scripts/jest/config.native.js",
"test:primitives": "jest -c ../../scripts/jest/config.primitives.js",
"test:integration": "jest -c ../../scripts/jest/config.integration.js --runInBand --forceExit",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"lint:size": "bundlesize",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@emotion/is-prop-valid": "^0.7.3",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"prop-types": "^15.7.2",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": {
"react": ">= 16.8.0",
"react-dom": ">= 16.8.0",
"react-is": ">= 16.8.0"
},
"devDependencies": {
"flow-bin": "^0.93.0",
"npm-run-all": "^4.1.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-frame-component": "^4.0.2",
"react-is": "^16.8.6",
"react-native": "^0.59.6",
"react-primitives": "^0.8.0",
"react-test-renderer": "^16.8.6"
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "17kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"_id": "styled-components@5.0.0-3.canary-sheet",
"dist": {
"shasum": "c980efdf8bf61528c7bf9d2dbc486260df19671a",
"integrity": "sha512-VAExhJdDQwvOnBkb061efHrPwBBZYnSZQ5Kaxbnu8Az2rd+kOaBo7DD/rm5HbRze46Kdr9IU/KdG6GLnloqH5w==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-5.0.0-3.canary-sheet.tgz",
"fileCount": 40,
"unpackedSize": 1350986,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJczFtYCRA9TVsSAnZWagAAiRsQAJJtpzpAgLMPg9YSW1wT\nk+r3Ze1mq4Ym+BW8ZBWkSur7V4AAgczP0dtPIEx1gZAkykqoSDzEE4RkpUli\ndKaRPkvZnsyNmDHdT9Aiu8b5h7p8/7JF5BGcCBFcYzICSHvpXT/D7uAJbEof\niYusnBUJDlq6IjNg5StxK6aN1MsqyrPFomDJXw0SLM+1Bn2jaAFwvNeKgVIe\nz4a2Jx2EGx950NEAHwWBph81FnxjTH5orqARmfwl66sLw2SyBVgMjnCTdD/f\nFPWwVxRLtWf4Z4FShczGICKVFDQLibUgvEe8LNfHFAWdxf8OYsaayWw9aOGA\nQKZR+vWAldkUznW4xJ7LEbWhhHA8cpWKnVovEo6N63CCaj5td4gdh4vXXUwM\n+oUiP/tlDXVuT+P9kVMX7Gumc7JIkbKgUdsIxnAVczRZFuLxVT0UbXru+fo6\nesUaeThSW+eykG14J0KHykMXe4i6Tpq7q+iK7ypvQdPlW3uvsecBGAo7m8c3\nHXEDZHLV/+bWFcpiRnyfFQnuUBhpeDobiZ6VdKyRN8DEMU8nBmfHwBa4u2C/\nNWCC85rhhdZTq+iY9Vw0cw3O5GwA9lq7+kcyyrI7gghYg9TCmcWep8WhPLrn\nV7dspXos44J8NqbccNPMynaH0OmfClFRGQL+/V1Am85+ZDPeBNtBCHZOwbSb\nvkh4\r\n=WmeP\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "philpl", "email": "phil@kitten.sh" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_5.0.0-3.canary-sheet_1556896599957_0.07822962919207455"
},
"_hasShrinkwrap": false
},
"5.0.0-4.canary-sheet": {
"name": "styled-components",
"version": "5.0.0-4.canary-sheet",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"postbuild": "npm run lint:size",
"flow": "flow check",
"flow:watch": "flow-watch",
"test": "run-s test:*",
"test:web": "jest -c ../../scripts/jest/config.main.js",
"test:native": "jest -c ../../scripts/jest/config.native.js",
"test:primitives": "jest -c ../../scripts/jest/config.primitives.js",
"test:integration": "jest -c ../../scripts/jest/config.integration.js --runInBand --forceExit",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"lint:size": "bundlesize",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@emotion/is-prop-valid": "^0.7.3",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"prop-types": "^15.7.2",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": {
"react": ">= 16.8.0",
"react-dom": ">= 16.8.0",
"react-is": ">= 16.8.0"
},
"devDependencies": {
"flow-bin": "^0.93.0",
"npm-run-all": "^4.1.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-frame-component": "^4.0.2",
"react-is": "^16.8.6",
"react-native": "^0.59.6",
"react-primitives": "^0.8.0",
"react-test-renderer": "^16.8.6"
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "17kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\n> ⚠️ **CANARY:** This is the `canary` branch of `styled-components`. It is published under the\n> `@canary` tag on npm and contains new features and changes for the next major version.\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.styled-components.com/docs/basics)\n- [API Reference](https://styled-components.com/docs/api)\n- [Theming](https://www.styled-components.com/docs/advanced#theming)\n- [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n- [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Babel Macro\n\nIf you're using tooling that has babel-plugin-macros set up, you can switch to the `styled-components/macro` import path instead to gain the effects of the babel plugin without further setup.\n\n```js\nimport styled from 'styled-components/macro';\n\n// A static className will be generated for Title (important for SSR)\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n```\n\nIf you wish to provide configuration options to the babel plugin similar to how you would in a `.babelrc`, [see this guide](https://github.com/kentcdodds/babel-plugin-macros/blob/master/other/docs/author.md#config-experimental). The config name is `\"styledComponents\"`.\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"_id": "styled-components@5.0.0-4.canary-sheet",
"dist": {
"shasum": "37ae23d5b42838b2773c73e712bf8d7c1f4af1e3",
"integrity": "sha512-7GW8TfJvSuFdWUe7ngchnGc2sdoc8MR38epaKfdRz3LTeVYZteM6FN+16d7/K3z6RkmmBSGZ6tMvtp4p0QvsUA==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-5.0.0-4.canary-sheet.tgz",
"fileCount": 41,
"unpackedSize": 1361535,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc0slQCRA9TVsSAnZWagAASekP/0/Ms/iYC9kOQ/U6FuVj\nVT3T7oHhYM5tuG6BOvo6rWR0oNzlQI/I9JKfRNMSgi1wSPrZBa51sGOcaGmg\nkQeRrTKXuihvzGDZmwOChExjR30hkjFku8iidMZVI1w0YQcC+N9+GzlPARXN\nM8U9OHe99Lqv774iS7RbDvokVjQbP4M6w3esafvVuDvVTeau1s09d2uRRO0h\nf5vP0LzrfJSIzHKXNvALry3RvHeVY3ijqwv9BU+0SvLMYai/zrpV62gElW62\nOmd1TSeWiPtC++YzoO9NYuBAhXRXFvsLYeLYct96ewBaNi+7uEy7YP40Rvn8\nTZQsVquarKDdIMsuf2E5kBWhd0AT+rfQRmwjF/Q5EfYQy7aF20S3mjqmlxdx\nDYVrX7JKxtEhOmbuHTUEG1uPeB0II+Bb0Bc58NfH0sBbFlUSNP0How6UGfaq\n352YdwWh4iYLEe8apY12WzHGqBaTsohbweZuFqVRNUaiyvlBwmhSldZcMMXa\nMNWHjhWTPCzCNRRmAg6pUEa+RB33An73Xlt8Dgd6Nu/KhE+JkBUVu/xOtx6U\neGc9rC/OSNlqthiXuuwRKI3K/jW1uCDFeG2hKtMvJs1WaL+xcwXs9/7ZELeJ\n7A9Jkg9KPR1mbz/q81RK4f51i3abZdwx1QfWX03KsRUpwBMxXqlYWeQqtEhp\nWJhx\r\n=Dg/t\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "philpl", "email": "phil@kitten.sh" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_5.0.0-4.canary-sheet_1557317968167_0.6065824099487054"
},
"_hasShrinkwrap": false
},
"5.0.0-5.canary-sheet": {
"name": "styled-components",
"version": "5.0.0-5.canary-sheet",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"postbuild": "npm run lint:size",
"flow": "flow check",
"flow:watch": "flow-watch",
"test": "run-s test:*",
"test:web": "jest -c ../../scripts/jest/config.main.js",
"test:native": "jest -c ../../scripts/jest/config.native.js",
"test:primitives": "jest -c ../../scripts/jest/config.primitives.js",
"test:integration": "jest -c ../../scripts/jest/config.integration.js --runInBand --forceExit",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"lint:size": "bundlesize",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@emotion/is-prop-valid": "^0.7.3",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"prop-types": "^15.7.2",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": {
"react": ">= 16.8.0",
"react-dom": ">= 16.8.0",
"react-is": ">= 16.8.0"
},
"devDependencies": {
"flow-bin": "^0.93.0",
"npm-run-all": "^4.1.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-frame-component": "^4.0.2",
"react-is": "^16.8.6",
"react-native": "^0.59.6",
"react-primitives": "^0.8.0",
"react-test-renderer": "^16.8.6"
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "17kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\n> ⚠️ **CANARY:** This is the `canary` branch of `styled-components`. It is published under the\n> `@canary` tag on npm and contains new features and changes for the next major version.\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.styled-components.com/docs/basics)\n- [API Reference](https://styled-components.com/docs/api)\n- [Theming](https://www.styled-components.com/docs/advanced#theming)\n- [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n- [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Babel Macro\n\nIf you're using tooling that has babel-plugin-macros set up, you can switch to the `styled-components/macro` import path instead to gain the effects of the babel plugin without further setup.\n\n```js\nimport styled from 'styled-components/macro';\n\n// A static className will be generated for Title (important for SSR)\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n```\n\nIf you wish to provide configuration options to the babel plugin similar to how you would in a `.babelrc`, [see this guide](https://github.com/kentcdodds/babel-plugin-macros/blob/master/other/docs/author.md#config-experimental). The config name is `\"styledComponents\"`.\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"_id": "styled-components@5.0.0-5.canary-sheet",
"dist": {
"shasum": "7d2bfd9721d73f2d54d729f9b08d31e35df55c08",
"integrity": "sha512-4oW99aN3uI7MwwgG85zUc36f81sb5Yr3WQ6h3Lfa5p51e+7tCrkMnwlzwJe/YAtVEnScfxhsz7NkWmZPY+q9Dg==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-5.0.0-5.canary-sheet.tgz",
"fileCount": 41,
"unpackedSize": 1358327,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc79a9CRA9TVsSAnZWagAAnJIQAIH7W2DqBt7X9IOAJy4B\nIIwIpjD+TBiZeQSASZpfy2nw3ozstXd/5Ap6ltZ+M69jk18tIDaT1qfj3Rjl\n2vhpmR1O5pkUf5uEmjhEXAl3Gh3shM3Qa0rnuhQ+J7m7bS9fiDAAkg4k8ZiO\nLS12kRClr+yd4OVKBpjj+io1XnjI67MCE3RNBNr34CZyj8D/ejpSFwsQyyfd\n9EVydwP3hhom34UGtH4Z1uu3kPVohpjYBuofekkKQyvCOc/2bHLee1BfQH7v\njWAW0ptn9ABay27NucwbGWrk+R8v+MR6ZX7a9IIMWprhnE3trR7RfmBgkCr/\nI3ZX1EKYvPylQ5Vn3NncG9qUB13gk6EXGImP94jqPkapbR5JX7yquujm3bPI\nSuBlt73TmMwR335OKZ4E8yNTt9XJRCI7feEcmyeSTLj3sNt3HerKlNFrWf/O\nTox6nG7ArXSvu8TEbezgVB3UX+kIZeTdnivum2maf5o9p2kHPqeQU3JX6NqP\nt7GsT8UngYATDc4wZgRr3NlwgNE9J2LFvXVI1zx1N72XujMmf5BsHXumU4Ar\na7BQyhGUhy5I/ApuVeyRKOw16Ts9I86wSQDTOFoAl3FR2OPjt4VHzxRK6QRV\nEAkFwl5TDYQKuOoVYkI82MEha52CzrsmDaVsd/oG+YImx12XJu3nOdCcj1tX\n6lPm\r\n=cjc9\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "philpl", "email": "phil@kitten.sh" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_5.0.0-5.canary-sheet_1559221949037_0.8988819244055839"
},
"_hasShrinkwrap": false
},
"4.2.1": {
"name": "styled-components",
"version": "4.2.1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@emotion/is-prop-valid": "^0.7.3",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"memoize-one": "^5.0.0",
"prop-types": "^15.5.4",
"react-is": "^16.6.0",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": { "react": ">= 16.3.0", "react-dom": ">= 16.3.0" },
"devDependencies": {
"react": "^16.6.1",
"react-dom": "^16.6.1",
"react-frame-component": "^4.0.2",
"react-native": "^0.56.0",
"react-primitives": "^0.6.1",
"react-test-renderer": "^16.6.1"
},
"jest": {
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"_id": "styled-components@4.2.1",
"dist": {
"shasum": "494e35525b5557f7ce7b3c0040fcb0a46af40886",
"integrity": "sha512-zBSMOJW1zfQ1rASGHJ5dHXIkn3VoOGLtQAYhkd4Ib7e+eI//uwMJWsI65JRe3aGrN2Xx8IT9jxxnVSXt9LaLCw==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.2.1.tgz",
"fileCount": 41,
"unpackedSize": 1589978,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc8AahCRA9TVsSAnZWagAA490P/AstXVfzH+5cAPZw1sJD\nNg+7din2cPjiqHQ3lM41TBeQO8Ls3epNv7lHJyi7LfU9LkXZ2fQfGumCUrDR\nbkeSqtVRiUPE47THvjJqhzf6AYSE6BEON8MHwaZWHoGCxMNkdJPod/4Q6NRo\ncWvsgcQ/m9WOGxA4jgWLP7NOhfjL//h6pZFkWq4T/7YH4XxDAkaICXd/bQB9\nk0w8UVsN8fyz6zaJwh1CSiqdkY1SG1H0g67cN5RWwH7eaI52PLoJkrF9qDQI\n9yIDkwdXgfqAgLKPFCAULq+iDy2wwldvWFvp7ibs27dVF3ZEE5Uwf8NMWWbv\nr4Gi+pVTYVI33VHaWtwhba7P9Fu7mr/dDmiisvS27hsjetCKP7WI8cM3m2K1\nhg6C3r/5sN31x7NyMx782IH5v3SN2khNwZHz0FA+G80G4YhQw73Pgtr9kmF/\nmfsxY5FwLhksccCwSkPPoNcmxQkoQuoTwnRZ9enyG/nyukEEGhWvywl8Ehp7\nNaByroTuqUGMO3mfHRWRUKTmBbK6omiA8Kg5DcgfJNB+S33tgCd+SEVE3Jwa\nVRI1iT4n0hLFDIcrp9lqsHefOOn0egJRjdSQQQjpZoAOTGaE4g+T/WDgLGdh\np7bpCmJwtUPsFysRHlysGc6X+RQL7RYaAYO+2UFZLlhKrnOOoxbvRKXtClA6\nyltV\r\n=UCE/\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.2.1_1559234208257_0.7127273926420015"
},
"_hasShrinkwrap": false
},
"4.3.0": {
"name": "styled-components",
"version": "4.3.0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@emotion/is-prop-valid": "^0.7.3",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"memoize-one": "^5.0.0",
"merge-anything": "^2.2.4",
"prop-types": "^15.5.4",
"react-is": "^16.6.0",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": { "react": ">= 16.3.0", "react-dom": ">= 16.3.0" },
"devDependencies": {
"react": "^16.6.1",
"react-dom": "^16.6.1",
"react-frame-component": "^4.0.2",
"react-native": "^0.56.0",
"react-primitives": "^0.6.1",
"react-test-renderer": "^16.6.1"
},
"jest": {
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16.25kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"_id": "styled-components@4.3.0",
"dist": {
"shasum": "1dbc329b101e548b63184c6466d0bdd51c59bedc",
"integrity": "sha512-bm2o63f49gRFIXHzcsYWmam5OzEK2MMKuYXBGDrhQh3C8srRLDDwldylAgD3lNZrQT8SH1fTU5icZp9PyWrBpg==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.3.0.tgz",
"fileCount": 41,
"unpackedSize": 1603944,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc+CizCRA9TVsSAnZWagAAm/YP/iNzx7L45eRt7V7bDxNm\n33jrXRhHRjAs3vEkW+x0MsPhtBI+5ZdtDPAmQLxs2W6DhuM0cDjl7B5S/xZl\nNHXYq8PaAj0anZ3MI1e9IxEMhn1AYoE8OuFrq31TKbGf39N8zpz6UTx/H9nC\nARG1C6FYyA55cwuewIMez9JZbwqkoAYuwyHX95lZEvwQKz2l5b9hrwx1jXPo\nyzsEiZgEX3aIslZZHLETW+jSXvyWhMtS0TPdGkCOjqW/HnYbmGqrCcJRWf71\nyfp2bbMQE1IS2lnt9ubDj18sqzlGxMXA3bvbAttPGvrATlRCncYE6DoVvCjV\n8DA2YTydN3/AAMxA+lpJ8hU+aKp39pP4986rdsSh3HKK+VWSG2adJd8jmzN7\nsZv7JfvYcEQWfu8fP4Ke7kvKjfezIaUSUiPh4t8jqfTSWCZimNUYyJJ302xD\n5JixGGgu+0Usy6PFFM1v0RTs+anWx81f+54OAwpQTuvFQVH5r+P8I+/8IcPV\ntjjnOBSN81EQqPkR23CDTqEbx3s6E+SWkzQizz1YGFTgb+Gf09CREtItqtTX\nXoNr2W1naI+r0jtZ4vJZoeHorv3FIQBeMSz8UlUKxy2DP0VmIFIyR8OT7Hdh\nry/CrY32AwYoTytimiPhdXoeTID/L/B60lDdTX7cofBjYSl8h1qoQRFSSX8S\nWdT4\r\n=H09x\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.3.0_1559767218612_0.45631281733681717"
},
"_hasShrinkwrap": false
},
"4.3.1-0": {
"name": "styled-components",
"version": "4.3.1-0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@emotion/is-prop-valid": "^0.7.3",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"memoize-one": "^5.0.0",
"merge-anything": "^2.2.4",
"prop-types": "^15.5.4",
"react-is": "^16.6.0",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": { "react": ">= 16.3.0", "react-dom": ">= 16.3.0" },
"devDependencies": {
"react": "^16.6.1",
"react-dom": "^16.6.1",
"react-frame-component": "^4.0.2",
"react-native": "^0.56.0",
"react-primitives": "^0.6.1",
"react-test-renderer": "^16.6.1"
},
"jest": {
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16.25kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\n> ⚠️ **CANARY:** This is the `canary` branch of `styled-components`. It is published under the\n> `@canary` tag on npm and contains new features and changes for the next major version.\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## Upgrading from v4\n\n1. Update `react`, `react-dom`, and `react-is` to latest versions to enable hooks support\n2. ??\n3. Profit!\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.styled-components.com/docs/basics)\n- [API Reference](https://styled-components.com/docs/api)\n- [Theming](https://www.styled-components.com/docs/advanced#theming)\n- [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n- [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Babel Macro\n\nIf you're using tooling that has babel-plugin-macros set up, you can switch to the `styled-components/macro` import path instead to gain the effects of the babel plugin without further setup.\n\n```js\nimport styled from 'styled-components/macro';\n\n// A static className will be generated for Title (important for SSR)\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n```\n\nIf you wish to provide configuration options to the babel plugin similar to how you would in a `.babelrc`, [see this guide](https://github.com/kentcdodds/babel-plugin-macros/blob/master/other/docs/author.md#config-experimental). The config name is `\"styledComponents\"`.\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"_id": "styled-components@4.3.1-0",
"dist": {
"shasum": "377155caea6391af6b4c71a59c5e3d0d01435cb3",
"integrity": "sha512-PMW2fMfs54QCdPHGlmUxj8qxmSqHtoiILdw87lCLe9wmh4072n+o+4176OLOPyZGWlSV/dXZkDgyoosKb87uqg==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.3.1-0.tgz",
"fileCount": 41,
"unpackedSize": 1600789,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc+YCyCRA9TVsSAnZWagAAzoUP/3Xloj9h8zv445Vojnb3\naKYAaj6srQF1uvRd9q3omanm0c2DLaIf+E6AANou+9r8EH0xrADAYT6WfgZK\nbUKr6WXmuJpvKap3qisWua1CLV5lh7xxPFy+cZafJ5Qtgvvf8E3gB49D0FVs\nwtSVUDffWzhYjQc8vEHKdRu5FrNEh3XE3D1QhWU0ygpk+0mjHoXUtN0bM5/Q\nkZe5mWqq2oi96fyvALtQZHz+diG4unXDbNPgbQ7ulOtqHigcdsoGSaFOMX2g\nLJoaKoJ05h4URTbF1EQqBaQOGM3gaIc6t2nDm77L77BOwHgAtdzoMq4yXEMd\nj6PAIUCx9Zqpnb39+v+7GjIlFg56qAoooMxGbtL59wNnHc3AzURHsbp7eigO\n9Yq4distRmtU5QR5omMh1cjCFuBvsg9JWzNl3+aIUnpABklUfeZxzxKlzSuo\nixq43wlKxwdV/bzD56IDxYeqICvbez+aHhFRQyTEOYsVeo0jnHslmAUbA3ef\nvAK4nszq1ys2YJfnc3KsF0Qauq9C2CRYT1w4n7Ur04BviKZIIHYZoxRTvnHa\nqb1gpS+Pyy3wekFUqsyTp2ZgIenKqcv7Oh4cApdruAP0hVhr0t1o1yoh+WmF\nQUBzV4My3SYwwcUh8XcvPLWUkYnYJ+F/Eb/xfj4ETRqYfll0GHm0PUDl5BWn\nIU4j\r\n=E5a+\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.3.1-0_1559855281726_0.5774323396073648"
},
"_hasShrinkwrap": false
},
"4.3.1": {
"name": "styled-components",
"version": "4.3.1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@emotion/is-prop-valid": "^0.7.3",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"memoize-one": "^5.0.0",
"merge-anything": "^2.2.4",
"prop-types": "^15.5.4",
"react-is": "^16.6.0",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": { "react": ">= 16.3.0", "react-dom": ">= 16.3.0" },
"devDependencies": {
"react": "^16.6.1",
"react-dom": "^16.6.1",
"react-frame-component": "^4.0.2",
"react-native": "^0.56.0",
"react-primitives": "^0.6.1",
"react-test-renderer": "^16.6.1"
},
"jest": {
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16.25kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"_id": "styled-components@4.3.1",
"dist": {
"shasum": "18c3709f4ed9d582cd206b1acd8b758a211dd114",
"integrity": "sha512-04XKQFFSEx3qTeN5I4kiSeajrwG6juDMw2+vUgvfxeXFegE40TuPKS4fFey8RJP1Ii1AoVQVUOglrdUUey0ZHw==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.3.1.tgz",
"fileCount": 41,
"unpackedSize": 1600707,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc+YLWCRA9TVsSAnZWagAAxRoP/0UxFPIjubRoBdovzKPg\nD3fBNzUEpWiIVdDRvETwNHAGRdK6GL/dwNcTyfbWdrbumOejHTsvghDI0JvJ\ncGSZ/C1QhtzD26hpufEJEcYvIogyfDWBac1h8A7IR93Ccy9RC3ILQCQjLf0X\njgehH204y7TpbIng7XQGn1jlk3614y7NtAulC8SJPIB6QOkVF4Efz6Mx4yiu\nTmO0kiDmEyD/5Ag+CTlbOlryvpR1Z4Pbos/DkYi/DgavMr6EkuKmxBU6DlM1\n6B4RN8+95zNRqlTBin6msyzUWFKQc+5iPj/BWZxr8atiRqgmN6+GWhxMOEmc\n83quhmCLlu8C9vC9YdqyrcKIiVxe4BRCeGaGhCaBkaXbzx88EDTT/j6nnQJU\n+LVA80PYqqLlcqbxKM7yXzet4W4T2H/6aq6vaeYDbq8oE4A2MYBCc47dnaKw\n4gXdXDFL+TkCwQjFkalEz5q5J51QIhX/EN36R4rqoI8daKtmi6k+TS4ck13a\n+wJve8k6L5yDDe9nhbaGM85Oiym/J1Dv7d3dyN/q6qgs2MYDiPmjgXbertql\n8b8M0e2shmYv5iwjBxTdXM4ONsiYhH9YPsRhs8aBf18cyKpmP2HFRtp4V69B\nQYWej+Jqsb+cXE/0X6R566npJuBvnvAlS70O4ehz9xkyEF2qRQOxcsa349ME\na2MJ\r\n=r2Kv\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.3.1_1559855829213_0.28678347771106827"
},
"_hasShrinkwrap": false
},
"5.0.0-alpha.0": {
"name": "styled-components",
"version": "5.0.0-alpha.0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"generateErrors": "node scripts/generateErrorMap.js",
"prebuild": "rimraf dist && npm run generateErrors",
"build": "rollup -c",
"postbuild": "npm run lint:size",
"flow": "flow check",
"flow:watch": "flow-watch",
"pretest": "npm run generateErrors",
"test": "npm run test:web && npm run test:native && npm run test:primitives",
"test:web": "jest -c ../../scripts/jest/config.main.js",
"test:native": "jest -c ../../scripts/jest/config.native.js",
"test:primitives": "jest -c ../../scripts/jest/config.primitives.js",
"test:integration": "jest -c ../../scripts/jest/config.integration.js --runInBand --forceExit",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"lint:size": "bundlesize",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "npm run build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@emotion/is-prop-valid": "^0.7.3",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"merge-anything": "^2.2.4",
"shallowequal": "^1.1.0",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": {
"react": ">= 16.8.0",
"react-dom": ">= 16.8.0",
"react-is": ">= 16.8.0"
},
"devDependencies": {
"flow-bin": "^0.100.0",
"prop-types": "^15.7.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-frame-component": "^4.0.2",
"react-is": "^16.8.6",
"react-native": "^0.59.8",
"react-primitives": "^0.8.0",
"react-test-renderer": "^16.8.6",
"stylis-rtl": "^1.0.1"
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "17kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\n> ⚠️ **CANARY:** This is the `canary` branch of `styled-components`. It is published under the\n> `@canary` tag on npm and contains new features and changes for the next major version.\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## Upgrading from v4\n\n1. Update `react`, `react-dom`, and `react-is` to latest versions to enable hooks support\n2. ??\n3. Profit!\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.styled-components.com/docs/basics)\n- [API Reference](https://styled-components.com/docs/api)\n- [Theming](https://www.styled-components.com/docs/advanced#theming)\n- [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n- [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Babel Macro\n\nIf you're using tooling that has babel-plugin-macros set up, you can switch to the `styled-components/macro` import path instead to gain the effects of the babel plugin without further setup.\n\n```js\nimport styled from 'styled-components/macro';\n\n// A static className will be generated for Title (important for SSR)\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n```\n\nIf you wish to provide configuration options to the babel plugin similar to how you would in a `.babelrc`, [see this guide](https://github.com/kentcdodds/babel-plugin-macros/blob/master/other/docs/author.md#config-experimental). The config name is `\"styledComponents\"`.\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"_id": "styled-components@5.0.0-alpha.0",
"dist": {
"shasum": "786b1786283c559c09074161e8c0bc30a81382b9",
"integrity": "sha512-g82olq5Xow7prxH8ILab/J0Q3GXNIwCNAj5m0dvYyQp4JBdDhwAZAePBvl1Ay7Ag3L/rvkoC69rK609p0UvJ7A==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-5.0.0-alpha.0.tgz",
"fileCount": 42,
"unpackedSize": 1291783,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc/E5jCRA9TVsSAnZWagAABEcQAImrKGzo/TkcCABFtQau\nspMnjcMP51ozP9DSZvC4Ls3A0im0SaYZZKsBooYz0xuv+QcB0WL1gnQD6EdE\nL8NxPZ/V289lSqtooAb2164VmB+XnfLiH0D+I++lTjl8+TCyqvX8zaXy30mG\nYY4v2A2NL1ht/xy8Zay+Jp4RIr6hLsLeO3pw7XaYFasCSOBTbD2L+powD1Lx\nVzQMed4AS0DsVJ6p5oB7q7ElBT7FhNKDTcMs42OVg86GRkad4V1l/0L7Bl7d\na8GQ7iP7mcQAWd2EL5B0UoygV578KgLfRg1oxl3sALokhI+Qq2a6BVyrnls2\nQtfO5Xhzig/Lb7NAeYW73xd+ZVWmaRoe0bz6xLUwiPtOs5AkNpZ27oYhKZn3\neYEMsZbW+hSDzLsa8ySrTqlKl0NTvDs8BB4DJwXSwpXsYNReCMZiLegz54WK\nGTgwYcGLjV545od64sxPCiFHjfKHnpRMftpVT8l8e27EHddBGqBuD0uFxPKs\n4+tEVjRtWNcUaZw8oF+TuPF1383yWNRbrOnGBRW90Ruyoa9T9GMjqk1xdNyi\n+FWxeijFhLFlbgGLYxcS6pd/h45Z6kuT28/ySkpEwSgDJ53gySi1WBJO6tIs\nFMCCZWBwQhEHg807KQISlHMuivDHUZK/c9mB9SQD5rQzP3ssVMQb77aUkuFS\naRet\r\n=L/cM\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_5.0.0-alpha.0_1560039011082_0.5311105579472766"
},
"_hasShrinkwrap": false
},
"5.0.0-alpha.1": {
"name": "styled-components",
"version": "5.0.0-alpha.1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"generateErrors": "node scripts/generateErrorMap.js",
"prebuild": "rimraf dist && npm run generateErrors",
"build": "rollup -c",
"postbuild": "npm run lint:size",
"flow": "flow check",
"flow:watch": "flow-watch",
"pretest": "npm run generateErrors",
"test": "npm run test:web && npm run test:native && npm run test:primitives",
"test:web": "jest -c ../../scripts/jest/config.main.js",
"test:native": "jest -c ../../scripts/jest/config.native.js",
"test:primitives": "jest -c ../../scripts/jest/config.primitives.js",
"test:integration": "jest -c ../../scripts/jest/config.integration.js --runInBand --forceExit",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"lint:size": "bundlesize",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "npm run build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@emotion/is-prop-valid": "^0.7.3",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"merge-anything": "^2.2.4",
"shallowequal": "^1.1.0",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": {
"react": ">= 16.8.0",
"react-dom": ">= 16.8.0",
"react-is": ">= 16.8.0"
},
"devDependencies": {
"flow-bin": "^0.100.0",
"prop-types": "^15.7.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-frame-component": "^4.0.2",
"react-is": "^16.8.6",
"react-native": "^0.59.8",
"react-primitives": "^0.8.0",
"react-test-renderer": "^16.8.6",
"stylis-rtl": "^1.0.1"
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "17kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\n> ⚠️ **CANARY:** This is the `canary` branch of `styled-components`. It is published under the\n> `@canary` tag on npm and contains new features and changes for the next major version.\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## Upgrading from v4\n\n1. Update `react`, `react-dom`, and `react-is` to latest versions to enable hooks support\n2. ??\n3. Profit!\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.styled-components.com/docs/basics)\n- [API Reference](https://styled-components.com/docs/api)\n- [Theming](https://www.styled-components.com/docs/advanced#theming)\n- [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n- [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Babel Macro\n\nIf you're using tooling that has babel-plugin-macros set up, you can switch to the `styled-components/macro` import path instead to gain the effects of the babel plugin without further setup.\n\n```js\nimport styled from 'styled-components/macro';\n\n// A static className will be generated for Title (important for SSR)\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n```\n\nIf you wish to provide configuration options to the babel plugin similar to how you would in a `.babelrc`, [see this guide](https://github.com/kentcdodds/babel-plugin-macros/blob/master/other/docs/author.md#config-experimental). The config name is `\"styledComponents\"`.\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"_id": "styled-components@5.0.0-alpha.1",
"dist": {
"shasum": "8a8cb9742805da72b2ba2d547c45055b94f38865",
"integrity": "sha512-0LzGKQ/PvmB/RPFEkOqfqFD0yIopdgHpx1hWiPd+vP+Mc1jVBCAypOikhswdvgi5uhJIbXQ07M+wwQLkTHwTXQ==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-5.0.0-alpha.1.tgz",
"fileCount": 42,
"unpackedSize": 1309824,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc/FQQCRA9TVsSAnZWagAAUq8P/3MOBKPjq69eE6p0fNMq\n4m4FE0pBtTDRNlP5Qy9VH4RCLD+q2gggNS4HtkhvId15tXFIgiqG9x/EYTfn\nE3U7wxYwLf2W3Id1sR5jl5gpzYkN1Xvchay1dKLfC8sB3zf7XJk9RbkqEp75\nXiyPhLelhPLLa8BeTM7u67y534Pk4e7rRa/Z6AQcW/wJWsXNVWbbvd66Xulv\nSR2lkdmhbCWzVIkq9v6jUQCRxXj3JPUvlcMVGAhe9b5aEIrQZlB2+4lhOFeT\nuDailOtlbMVViEwTuYudMosT9Vajed0gyfUaCrTFXdKkd+3kKQmr6KjDt4i7\nTunRv8gffyKZHPYxjgmYLxxiwnjJkYCBXK8iHVz1J0tVyhjfGM4U9aoPczEd\nv3qBSZBkj4uEmijkaRKPo18b/8yDwrrHSDbKUPeeYnHINx/AwwXyUmdxfsmq\nMROrvKbjxPN+5X+RYJQl1SQcts3n1Dyn6GBz/TNku/oqf68qUiuzGgeDFJGx\nCRTYP0i+LDeIMGLG4k2FsvQwO5rgI8/OzJp67TO6OollSF/GAn9cFAgATI9u\nwcPsKamYjcWv6jpJU9SFAc4Gt6hHze8jphmDV2c6Di/YU9FvsEt8+ocvkhvs\ncoYhMeTkeaTvP056r4VaOR086QUHSx8KFszbf9+LwwTrC49h/q9/Zcz3x4Ub\nucd2\r\n=8Iu4\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_5.0.0-alpha.1_1560040464081_0.4850080460683446"
},
"_hasShrinkwrap": false
},
"5.0.0-alpha.2": {
"name": "styled-components",
"version": "5.0.0-alpha.2",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"generateErrors": "node scripts/generateErrorMap.js",
"prebuild": "rimraf dist && npm run generateErrors",
"build": "rollup -c",
"postbuild": "npm run lint:size",
"flow": "flow check",
"flow:watch": "flow-watch",
"pretest": "npm run generateErrors",
"test": "npm run test:web && npm run test:native && npm run test:primitives",
"test:web": "jest -c ../../scripts/jest/config.main.js",
"test:native": "jest -c ../../scripts/jest/config.native.js",
"test:primitives": "jest -c ../../scripts/jest/config.primitives.js",
"test:integration": "jest -c ../../scripts/jest/config.integration.js --runInBand --forceExit",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"lint:size": "bundlesize",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "npm run build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@emotion/is-prop-valid": "^0.8.1",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"merge-anything": "^2.2.5",
"shallowequal": "^1.1.0",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": {
"react": ">= 16.8.0",
"react-dom": ">= 16.8.0",
"react-is": ">= 16.8.0"
},
"devDependencies": {
"flow-bin": "^0.100.0",
"prop-types": "^15.7.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-frame-component": "^4.0.2",
"react-is": "^16.8.6",
"react-native": "^0.59.8",
"react-primitives": "^0.8.0",
"react-test-renderer": "^16.8.6",
"stylis-rtl": "^1.0.1"
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "14kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\n> ⚠️ **CANARY:** This is the `canary` branch of `styled-components`. It is published under the\n> `@alpha` tag on npm and contains new features and changes for the next major version.\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## Upgrading from v4\n\n1. `npm install styled-components@alpha react@^16.8 react-dom@^16.8 react-is@^16.8`\n1. ??\n1. Profit!\n\n> Note that integrations like `jest-styled-components` that make use of internals will need to be updated to work with v5 and likely will not work properly during the alpha/beta period.\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.styled-components.com/docs/basics)\n- [API Reference](https://styled-components.com/docs/api)\n- [Theming](https://www.styled-components.com/docs/advanced#theming)\n- [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n- [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Babel Macro\n\nIf you're using tooling that has babel-plugin-macros set up, you can switch to the `styled-components/macro` import path instead to gain the effects of the babel plugin without further setup.\n\n```js\nimport styled from 'styled-components/macro';\n\n// A static className will be generated for Title (important for SSR)\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n```\n\nIf you wish to provide configuration options to the babel plugin similar to how you would in a `.babelrc`, [see this guide](https://github.com/kentcdodds/babel-plugin-macros/blob/master/other/docs/author.md#config-experimental). The config name is `\"styledComponents\"`.\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"_id": "styled-components@5.0.0-alpha.2",
"dist": {
"shasum": "954ab995b8b3a5efed5403249c1014aa3432effb",
"integrity": "sha512-8QkxaZDqy9duqhM15YJGdcA8hKToZqRvChkTYrCsArRK60lRCIDuyfpXWaZ9l3Ob8OAVAf9CZoYoMsUi5b40kg==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-5.0.0-alpha.2.tgz",
"fileCount": 42,
"unpackedSize": 1197067,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc/xn1CRA9TVsSAnZWagAAPIcQAIbgcaBMKA1/jIEGFyPj\nuJiFGK5p4jTs4cOy7wbrip1Ry5n5Oa7KaWDOT6annFYyuMxjMTXU/JD2qlqS\nu/hRnZ+DwblNcROssN4tSuwvB8DOQrHYrzue038H07rsLITkJGlLTQ5nB8As\nhjsEAcBSFNyFZ6IOC1cGZiI9iqCO3ovHFgC1puFuiMN4E+lVXDSgZzCU69uJ\nG1Df9EMEUCuvshgNAxjmcnrCCvPJB4I8UGxsZdCoUtt0F/rrRtcG+G8yS/jm\niy/7OaoG6TZins/bUIk/XA8RFEbFBLD8l4TrAhpOtlSm6rPORmsOcmmkCoDI\nx3Jr+XWIiVUQi2Er2AWaFGYg+PQ0afwJTKDaj9y+E9mdBGuglf5Mh4ojTqFA\n3VoFhe6Kqbi0AydIA3mD7DjHufiwUaODVjuHOKRZV1+duIWmb4JboT6vbmFg\nJDf9sheNo8V4AYqbc9Q1LiwWQizWxIgzIMC5V4B7FE0gGQuD6IcoNQ9UW0dr\n9VYyn4R189G1wLszW+xiZ7wfkrtQDdDLHAL1C4lexB45g3aI+CjE/GA8Abrx\n6hZynpY4f46rMQRV7KcrLbX87d/s1BiTNh6BsUJ/2O4xAP7CTgwaD3U9cUCc\no5xnPgk9Z7RKeyP3v+wWsJNHRaytCCPEKSbCcKkf3tOgf/JbivM/PpaLdv/B\naTLp\r\n=M7dm\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_5.0.0-alpha.2_1560222196444_0.8359129006711572"
},
"_hasShrinkwrap": false
},
"5.0.0-beta.0": {
"name": "styled-components",
"version": "5.0.0-beta.0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"generateErrors": "node scripts/generateErrorMap.js",
"prebuild": "rimraf dist && npm run generateErrors",
"build": "rollup -c",
"postbuild": "npm run lint:size",
"flow": "flow check",
"flow:watch": "flow-watch",
"pretest": "npm run generateErrors",
"test": "npm run test:web && npm run test:native && npm run test:primitives",
"test:web": "jest -c ../../scripts/jest/config.main.js",
"test:native": "jest -c ../../scripts/jest/config.native.js",
"test:primitives": "jest -c ../../scripts/jest/config.primitives.js",
"test:integration": "jest -c ../../scripts/jest/config.integration.js --runInBand --forceExit",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"lint:size": "bundlesize",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "npm run build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@emotion/is-prop-valid": "^0.8.1",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"merge-anything": "^2.2.5",
"shallowequal": "^1.1.0",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": {
"react": ">= 16.8.0",
"react-dom": ">= 16.8.0",
"react-is": ">= 16.8.0"
},
"devDependencies": {
"flow-bin": "^0.100.0",
"prop-types": "^15.7.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-frame-component": "^4.0.2",
"react-is": "^16.8.6",
"react-native": "^0.59.8",
"react-primitives": "^0.8.0",
"react-test-renderer": "^16.8.6",
"stylis-rtl": "^1.0.1"
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "14kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\n> ⚠️ **CANARY:** This is the `canary` branch of `styled-components`. It is published under the\n> `@alpha` tag on npm and contains new features and changes for the next major version.\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## Upgrading from v4\n\n1. `npm install styled-components@alpha react@^16.8 react-dom@^16.8 react-is@^16.8`\n1. ??\n1. Profit!\n\n> Note that integrations like `jest-styled-components` that make use of internals will need to be updated to work with v5 and likely will not work properly during the alpha/beta period.\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.styled-components.com/docs/basics)\n- [API Reference](https://styled-components.com/docs/api)\n- [Theming](https://www.styled-components.com/docs/advanced#theming)\n- [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n- [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Babel Macro\n\nIf you're using tooling that has babel-plugin-macros set up, you can switch to the `styled-components/macro` import path instead to gain the effects of the babel plugin without further setup.\n\n```js\nimport styled from 'styled-components/macro';\n\n// A static className will be generated for Title (important for SSR)\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n```\n\nIf you wish to provide configuration options to the babel plugin similar to how you would in a `.babelrc`, [see this guide](https://github.com/kentcdodds/babel-plugin-macros/blob/master/other/docs/author.md#config-experimental). The config name is `\"styledComponents\"`.\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"_id": "styled-components@5.0.0-beta.0",
"dist": {
"shasum": "47fd73c7efb4bfffbff68a92fdb7285f0b4bd602",
"integrity": "sha512-S4ra9IItEauHm0eC4IzEcXYhxegoJr/hx/vcPAYqDclD8jpDChLs7U1Ce2pktEssOtGSJGOBKXau1221gXqBpQ==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-5.0.0-beta.0.tgz",
"fileCount": 42,
"unpackedSize": 1197060,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdA6t6CRA9TVsSAnZWagAAFuwP/iKiZM9sgYVCULtgVR9C\n715vk3JzxFNepOvDPFJKV7vA192NDCR/sLnG1QyjQEhsnuIWn9gOcO6bmMc/\nVvZriAysvhmq9XccbW54IouxNkePBbkPq8xk26reVTQw+u6XLgsjHYGYNyyY\nJ7cW4t7cVk5Hj+vBPqVuJ1VLj4d4F9iCeKgh1v9B4buopbS52uhbAgaBqZJt\nWEUNEdxqnR34A4PCYRHjsdoIngrYxC083PdTs+FvIf0rYO+bwZqQmdCkgGsF\nrjyD7Prxel3KuzQmeRbCnKaXyQLIqMr+zxz4GN0w04jn6Y8ROv9Q401NA5Vg\nNsNQ9+iTvm4bFYeXkJSUb9VvYJDE7aP8ZtF1sARGnjtlcOlWcJj3uJWBND3U\nSX8HyuIbPIYPXRu2rfuc2tFQtYNVH7I3EEUmJ6iyUOknDxWjSRIc875DkDCs\nHt72s2t/kudt+NFU3jCi0fnlaJAzY7JQmBjKecZTO6heUx5p7JD6OKSFPSTr\n0+d4DbYA2OEKJoCc6+pvTcvx20OXDEeWzSyEc4NAWFHhAf0+wgsFjcTKjDz4\nTWxfVs6l12xFq+32Boec2SyLG/9dzNsYtD0uZ/jMUQNxJlRxiVbdJCD4YeeF\nK32wwpHcunCUb3Dn+xJ33mt7E4+0rxqdPEWCTNOtwbGTho5xGCNvDd6IlxXh\nWfdR\r\n=nLZL\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_5.0.0-beta.0_1560521593701_0.2462968202209046"
},
"_hasShrinkwrap": false
},
"5.0.0-beta.1": {
"name": "styled-components",
"version": "5.0.0-beta.1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"generateErrors": "node scripts/generateErrorMap.js",
"prebuild": "rimraf dist && npm run generateErrors",
"build": "rollup -c",
"postbuild": "npm run lint:size",
"flow": "flow check",
"flow:watch": "flow-watch",
"pretest": "npm run generateErrors",
"test": "npm run test:web && npm run test:native && npm run test:primitives",
"test:web": "jest -c ../../scripts/jest/config.main.js",
"test:native": "jest -c ../../scripts/jest/config.native.js",
"test:primitives": "jest -c ../../scripts/jest/config.primitives.js",
"test:integration": "jest -c ../../scripts/jest/config.integration.js --runInBand --forceExit",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"lint:size": "bundlesize",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "npm run build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@emotion/is-prop-valid": "^0.8.1",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"merge-anything": "^2.2.5",
"shallowequal": "^1.1.0",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": {
"react": ">= 16.8.0",
"react-dom": ">= 16.8.0",
"react-is": ">= 16.8.0"
},
"devDependencies": {
"flow-bin": "^0.100.0",
"prop-types": "^15.7.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-frame-component": "^4.0.2",
"react-is": "^16.8.6",
"react-native": "^0.59.8",
"react-primitives": "^0.8.0",
"react-test-renderer": "^16.8.6",
"stylis-rtl": "^1.0.1"
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "14kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\n> ⚠️ **CANARY:** This is the `canary` branch of `styled-components`. It is published under the\n> `@alpha` tag on npm and contains new features and changes for the next major version.\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## Upgrading from v4\n\n1. `npm install styled-components@alpha react@^16.8 react-dom@^16.8 react-is@^16.8`\n1. ??\n1. Profit!\n\n> Note that integrations like `jest-styled-components` that make use of internals will need to be updated to work with v5 and likely will not work properly during the alpha/beta period.\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.styled-components.com/docs/basics)\n- [API Reference](https://styled-components.com/docs/api)\n- [Theming](https://www.styled-components.com/docs/advanced#theming)\n- [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n- [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Babel Macro\n\nIf you're using tooling that has babel-plugin-macros set up, you can switch to the `styled-components/macro` import path instead to gain the effects of the babel plugin without further setup.\n\n```js\nimport styled from 'styled-components/macro';\n\n// A static className will be generated for Title (important for SSR)\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n```\n\nIf you wish to provide configuration options to the babel plugin similar to how you would in a `.babelrc`, [see this guide](https://github.com/kentcdodds/babel-plugin-macros/blob/master/other/docs/author.md#config-experimental). The config name is `\"styledComponents\"`.\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"_id": "styled-components@5.0.0-beta.1",
"dist": {
"shasum": "cb3e6b45f9cc4daa6d0b78ec5773236282ebb415",
"integrity": "sha512-yUeNOXaCp2p735NTu9rBVI4CbylAskGxV7TSRr0k0ludWHOVmxzenN7TcXOgmBbFarbiDE+/AzG1SR1AwfohIg==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-5.0.0-beta.1.tgz",
"fileCount": 42,
"unpackedSize": 1196987,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdBXqoCRA9TVsSAnZWagAABNgP/0J/etBAAF+5tQ0C7P++\nJWah2lOe6oQiIx//ESQcEDydNiGdK3LS0Vd2+0M1qN1OGWT7cZW/T6xBFVaY\nY2xUI5dX0pnI3pDPFKyoZ0nY5f/LD7Cdh5v87fJjA+xGq5bckWjJqAnMuQSg\nbw5y+cPUDnY7Lf9KofHLj/eHy57fLwdye6hFaMcq09xJkTArSFzULMdXlO/d\nit3wRBF0WCW2h9lwoUu8OGniMWfwFwvIhMgdW2vc2pFO9R9T7EdZmZgEQnDP\nh5dkFhF5E7B1+UGJzjcV6H1a+WvBCR6HAs0Tl6N3i1gGNenlCdLw5KvQg7xe\nbbgkr1d3PTC2RbUWbAUp+kMKuJogvx/7y+SU3wCbbKRtyJoHYMduATCgT9MP\nO7AaQYLpVkJX09SVWqsxeCnbyDBdkpiJwJJHr2n6qHOjzV9w2V17HxxjwkX6\ndUwrKHacwtFWG/RF7AsGOn6j+/RYeJGjpVi3hk/XtVd5Z00iQi7ZICKN5u4t\np/rV0P+QGBBeg8zjUTxFFxtkmKY8rDUFYMbb4JUC1VdaftlDIpa74PoInEuA\nmdx9ynm2cxGG//aAULs64qKPEzLC+IgTbdIsrHL6wqpO/jsnHaEzWG9g0+he\naT2YaMzd467rEI2hya55yuhrjKdkzleisvx3VL3hzH+ZM8pkzaXwkeqrV745\nlm1C\r\n=QS8Z\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_5.0.0-beta.1_1560640168112_0.527055629431906"
},
"_hasShrinkwrap": false
},
"5.0.0-beta.2": {
"name": "styled-components",
"version": "5.0.0-beta.2",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"generateErrors": "node scripts/generateErrorMap.js",
"prebuild": "rimraf dist && npm run generateErrors",
"build": "rollup -c",
"postbuild": "npm run lint:size",
"flow": "flow check",
"flow:watch": "flow-watch",
"pretest": "npm run generateErrors",
"test": "npm run test:web && npm run test:native && npm run test:primitives",
"test:web": "jest -c ../../scripts/jest/config.main.js",
"test:native": "jest -c ../../scripts/jest/config.native.js",
"test:primitives": "jest -c ../../scripts/jest/config.primitives.js",
"test:integration": "jest -c ../../scripts/jest/config.integration.js --runInBand --forceExit",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"lint:size": "bundlesize",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "npm run build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@emotion/is-prop-valid": "^0.8.1",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"merge-anything": "^2.2.5",
"shallowequal": "^1.1.0",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": {
"react": ">= 16.8.0",
"react-dom": ">= 16.8.0",
"react-is": ">= 16.8.0"
},
"devDependencies": {
"flow-bin": "^0.100.0",
"prop-types": "^15.7.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-frame-component": "^4.0.2",
"react-is": "^16.8.6",
"react-native": "^0.59.8",
"react-primitives": "^0.8.0",
"react-test-renderer": "^16.8.6",
"stylis-rtl": "^1.0.1"
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "14kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\n> ⚠️ **CANARY:** This is the `canary` branch of `styled-components`. It is published under the\n> `@alpha` tag on npm and contains new features and changes for the next major version.\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## Upgrading from v4\n\n1. `npm install styled-components@alpha react@^16.8 react-dom@^16.8 react-is@^16.8`\n1. ??\n1. Profit!\n\n> Note that integrations like `jest-styled-components` that make use of internals will need to be updated to work with v5 and likely will not work properly during the alpha/beta period.\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.styled-components.com/docs/basics)\n- [API Reference](https://styled-components.com/docs/api)\n- [Theming](https://www.styled-components.com/docs/advanced#theming)\n- [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n- [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Babel Macro\n\nIf you're using tooling that has babel-plugin-macros set up, you can switch to the `styled-components/macro` import path instead to gain the effects of the babel plugin without further setup.\n\n```js\nimport styled from 'styled-components/macro';\n\n// A static className will be generated for Title (important for SSR)\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n```\n\nIf you wish to provide configuration options to the babel plugin similar to how you would in a `.babelrc`, [see this guide](https://github.com/kentcdodds/babel-plugin-macros/blob/master/other/docs/author.md#config-experimental). The config name is `\"styledComponents\"`.\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"_id": "styled-components@5.0.0-beta.2",
"dist": {
"shasum": "5d367c81b1680b7d5862cd5b9234380b3b0e183e",
"integrity": "sha512-8UZa0gFlfHj7FEoKFo0W5IQ1RGm6kTQnYVhkYhewz9IDyBO0aeriCUsv5OWvHJai/t2mMdYCZXSzTJT4xsJS4g==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-5.0.0-beta.2.tgz",
"fileCount": 42,
"unpackedSize": 1197374,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdBmUTCRA9TVsSAnZWagAAidQQAIrGMtxyUhYv/lFJsMJY\nYhgvLIAQ0JYaxDciPez5AmBT/fqAe737YSxP+jb+s7FJrOTzdjsO68FNkwe7\noZ1per9HvnQEF3FiZRPHgYVNIJ23JVD29rPQxPgAk8RYQCBfZcc7xqI9S8AY\nHHtNHjvWscXbhp5YCyRReMWtObTGyUmTd4bspFW7vT1fk6awhaHiAlRO8yA6\neO6YlR/u/KKUi1+mYYej/51e2bgqd3l586XGafIJV4DHHz5T7GeHHa41dEoi\nlLnNiPXCKMoQEIDJHc/zJVOjcbqUpNlVQzCZAIJ2QWD10ngDr+mfLmVh8hOY\nifYSjiyX32lQy6WoxDLMLuOaxdBQNcKpZGNyNzEemKZgMYKUY/ueujmQULwM\noz1oJVvW52wRt0Tpe4iv2EOYQYvVztNpD2Vbmph8hCnPAWNEs4NCFZOMlCa7\nwouIYmExzjfY2pZV6GDyVpMdoqsTFBK7ZuW5H30SkNrUpgGScow6C0AJySLT\nmCt4wxUrTqt2hCp+MXTXtAcojRfMuLWmhrW9rc2Ox9ONEVFQaj4CcuWUozrK\nqQgA57RsE2acYz/Z/I53z17NLSceM8I9tkM1RaEOKVMjzIdlgMs/lYZf+wzp\n8bBHkKs1yfxnAd5PoKH5Bzjg2oj4KRYit/dRKXg67gmZl/QqJPpsL03hZewA\nzXsl\r\n=J56v\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_5.0.0-beta.2_1560700178315_0.13338698032396556"
},
"_hasShrinkwrap": false
},
"5.0.0-beta.3": {
"name": "styled-components",
"version": "5.0.0-beta.3",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"generateErrors": "node scripts/generateErrorMap.js",
"prebuild": "rimraf dist && npm run generateErrors",
"build": "rollup -c",
"postbuild": "npm run lint:size",
"flow": "flow check",
"flow:watch": "flow-watch",
"pretest": "npm run generateErrors",
"test": "npm run test:web && npm run test:native && npm run test:primitives",
"test:web": "jest -c ../../scripts/jest/config.main.js",
"test:native": "jest -c ../../scripts/jest/config.native.js",
"test:primitives": "jest -c ../../scripts/jest/config.primitives.js",
"test:integration": "jest -c ../../scripts/jest/config.integration.js --runInBand --forceExit",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"lint:size": "bundlesize",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "npm run build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@emotion/is-prop-valid": "^0.8.1",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"merge-anything": "^2.2.5",
"shallowequal": "^1.1.0",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": {
"react": ">= 16.8.0",
"react-dom": ">= 16.8.0",
"react-is": ">= 16.8.0"
},
"devDependencies": {
"flow-bin": "^0.100.0",
"prop-types": "^15.7.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-frame-component": "^4.0.2",
"react-is": "^16.8.6",
"react-native": "^0.59.8",
"react-primitives": "^0.8.0",
"react-test-renderer": "^16.8.6",
"stylis-rtl": "^1.0.1"
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "14kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\n> ⚠️ **CANARY:** This is the `canary` branch of `styled-components`. It is published under the\n> `@alpha` tag on npm and contains new features and changes for the next major version.\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## Upgrading from v4\n\n1. `npm install styled-components@alpha react@^16.8 react-dom@^16.8 react-is@^16.8`\n1. ??\n1. Profit!\n\n> Note that integrations like `jest-styled-components` that make use of internals will need to be updated to work with v5 and likely will not work properly during the alpha/beta period.\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.styled-components.com/docs/basics)\n- [API Reference](https://styled-components.com/docs/api)\n- [Theming](https://www.styled-components.com/docs/advanced#theming)\n- [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n- [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Babel Macro\n\nIf you're using tooling that has babel-plugin-macros set up, you can switch to the `styled-components/macro` import path instead to gain the effects of the babel plugin without further setup.\n\n```js\nimport styled from 'styled-components/macro';\n\n// A static className will be generated for Title (important for SSR)\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n```\n\nIf you wish to provide configuration options to the babel plugin similar to how you would in a `.babelrc`, [see this guide](https://github.com/kentcdodds/babel-plugin-macros/blob/master/other/docs/author.md#config-experimental). The config name is `\"styledComponents\"`.\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"_id": "styled-components@5.0.0-beta.3",
"dist": {
"shasum": "4a06e80627bbf4b04778984956ff35f0b33a9a0c",
"integrity": "sha512-BjAuwmPd2GucgIosy52HDuIhIEFTbfo0GVD8Ki50PNE+68d7p1KRl9MtE5RmQigo5vyBxXrV7Tg0WMi+oOT3Mw==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-5.0.0-beta.3.tgz",
"fileCount": 42,
"unpackedSize": 1194179,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdCD07CRA9TVsSAnZWagAATrsQAKG3x9T4OuGleyCGngGh\nxe/HchujvlFyysJNC1AT1FqKKYx6m3lgCcdsw/LrFxBwk9fK8R2Jf0IgASIa\n/7woJLjc8nWQu890+YBjLAYVNX9t8jExMdATQlPCr6xS6MRb/PFfGHiw7qTy\nZ2ZQl0zzGrE6Ciomn6+RCSz8nCQrt+ofv9Tl5PI1AvvBqJGpKAvxSFA9pibi\ntHoFHaz9jt47dxkeZfJFLMlNhfQt2sXbhnHr60L7619W9OAlln8YHZPljrx8\nYl9apnmbvHJ8vPmEjBKwq7AN+TBXZBeKPM1+Pg3VzYFSIZcXw9ZeIgtUeILw\nEW/RAQcM+xdd9zN1L/YlVpvPYqT8Zz4SIVc7LMQa9T1qS9qJIrxb4Ym2QFaA\nGGQUrzPE56WNb5ef4Rrj5iUkZ9VIQbW5htvVEXONju9vLXZQAyePhu3vYjmw\nZI416nkFyHVVRfmfQ7Eky3r7cwUV0VU7V7YnpVtPqet2B3GB49XHP/ZAViOs\n00ksRB2Q9/iV9jbWrC+pMNxi1mDt0G7VNM8KfJW1ludo6q92XQmSSLwZRX8t\neHo+6SOfYNnHwWLJPnpTQu1rKMtX5A/TA9buvOchyD6g7XjitdbfDAslDeX4\n3OPyHmkIpgQnkDhezzxa2eDDGc6iJPVmuL6Vt7NdjJHrtAyFjoidXZgWiM7y\n/qsB\r\n=f5ec\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_5.0.0-beta.3_1560821050600_0.9611753010992394"
},
"_hasShrinkwrap": false
},
"4.3.2": {
"name": "styled-components",
"version": "4.3.2",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@babel/traverse": "^7.0.0",
"@emotion/is-prop-valid": "^0.8.1",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"memoize-one": "^5.0.0",
"merge-anything": "^2.2.4",
"prop-types": "^15.5.4",
"react-is": "^16.6.0",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": { "react": ">= 16.3.0", "react-dom": ">= 16.3.0" },
"devDependencies": {
"react": "^16.6.1",
"react-dom": "^16.6.1",
"react-frame-component": "^4.0.2",
"react-native": "^0.56.0",
"react-primitives": "^0.6.1",
"react-test-renderer": "^16.6.1"
},
"jest": {
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16.25kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"_id": "styled-components@4.3.2",
"dist": {
"shasum": "4ca81918c812d3006f60ac5fdec7d6b64a9509cc",
"integrity": "sha512-NppHzIFavZ3TsIU3R1omtddJ0Bv1+j50AKh3ZWyXHuFvJq1I8qkQ5mZ7uQgD89Y8zJNx2qRo6RqAH1BmoVafHw==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.3.2.tgz",
"fileCount": 41,
"unpackedSize": 1601106,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdCw8ECRA9TVsSAnZWagAA5E8P/0L2LzzhQ24MmVlRy+jN\nKUzm8AQWHmjrjmc3uCeiBIpEJ88QmxHDCsnU+xKrpgleC7/S55JgEfJ3Vltr\nqMapUmM7oBhxaChxhK9cxBOMG6JW60c7VifGt9oB/m9CnGTFmCbdCbQn05iM\nbi2/DzNq44CdnmtbNGqKjE58L7p+xIMIO5yAaaQmPS3n2Fi0Qlkmx6IHMBhK\nJf/Zlb4am44Qj7hSrokIyCYBo06ljt3vWxn7cjY0tB6tGDUEDcalWRF/ql2d\naWySZq1QWHwhf1p1UBZACD7So51z97RvrWT1Bjb/t+AqgMzTDmCKOPes46O8\ngj8PTEREr3zIW5nNw71ADzRmHWP5OEEX9R0ZHQpxpkUWp7cslFCR16yBU59p\nGJDolM3wLStrjjEg357WrgZyhRwpifhyUIP3l10TWcGAaGLkFGSt7dUIOMA/\n2WnmPESK2cb6iJTe9C0HLlrbDApysLSl/8OZS5G7/WAUXzIOr+ofFVK/o271\nfVdHtL/g7XzMpJtn0Ratl1Sn+4cVCCJ7YnewqKXJMdSnoLbqMDwcecDMRK1h\nWqEmkibGfMHF1gwOYuNbGWSnaay7R4UehYdwutEv/d22KQ0D6Fu2uxKOAOkR\nrwAngMKTfAPg/BVb5W/Ro4UEzmThqWC7kSeD3dVRkk7IHQKV06UEVmO2ZAuQ\nG7Da\r\n=Xqdq\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.3.2_1561005827383_0.18120703532865745"
},
"_hasShrinkwrap": false
},
"5.0.0-beta.4": {
"name": "styled-components",
"version": "5.0.0-beta.4",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"generateErrors": "node scripts/generateErrorMap.js",
"prebuild": "rimraf dist && npm run generateErrors",
"build": "rollup -c",
"postbuild": "npm run lint:size",
"flow": "flow check",
"flow:watch": "flow-watch",
"pretest": "npm run generateErrors",
"test": "npm run test:web && npm run test:native && npm run test:primitives",
"test:web": "jest -c ../../scripts/jest/config.main.js",
"test:native": "jest -c ../../scripts/jest/config.native.js",
"test:primitives": "jest -c ../../scripts/jest/config.primitives.js",
"test:integration": "jest -c ../../scripts/jest/config.integration.js --runInBand --forceExit",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"lint:size": "bundlesize",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "npm run build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@babel/traverse": "^7.4.5",
"@emotion/is-prop-valid": "^0.8.1",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"merge-anything": "^2.2.5",
"shallowequal": "^1.1.0",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": {
"react": ">= 16.8.0",
"react-dom": ">= 16.8.0",
"react-is": ">= 16.8.0"
},
"devDependencies": {
"flow-bin": "^0.100.0",
"prop-types": "^15.7.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-frame-component": "^4.0.2",
"react-is": "^16.8.6",
"react-native": "^0.59.8",
"react-primitives": "^0.8.0",
"react-test-renderer": "^16.8.6",
"stylis-rtl": "^1.0.1"
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "14kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\n> ⚠️ **CANARY:** This is the `canary` branch of `styled-components`. It is published under the\n> `@alpha` tag on npm and contains new features and changes for the next major version.\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## Upgrading from v4\n\n1. `npm install styled-components@alpha react@^16.8 react-dom@^16.8 react-is@^16.8`\n1. ??\n1. Profit!\n\n> Note that integrations like `jest-styled-components` that make use of internals will need to be updated to work with v5 and likely will not work properly during the alpha/beta period.\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.styled-components.com/docs/basics)\n- [API Reference](https://styled-components.com/docs/api)\n- [Theming](https://www.styled-components.com/docs/advanced#theming)\n- [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n- [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Babel Macro\n\nIf you're using tooling that has babel-plugin-macros set up, you can switch to the `styled-components/macro` import path instead to gain the effects of the babel plugin without further setup.\n\n```js\nimport styled from 'styled-components/macro';\n\n// A static className will be generated for Title (important for SSR)\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n```\n\nIf you wish to provide configuration options to the babel plugin similar to how you would in a `.babelrc`, [see this guide](https://github.com/kentcdodds/babel-plugin-macros/blob/master/other/docs/author.md#config-experimental). The config name is `\"styledComponents\"`.\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"_id": "styled-components@5.0.0-beta.4",
"dist": {
"shasum": "0b638e2a12f5e27dd7bb4c290e1159b31731d777",
"integrity": "sha512-MYbby11kC1MYjGCSCrXxeNzGIq1lmx8iSi44uIsmBet9Q5bg0FZXSnFSs8XM21Hz99PbpVu01VZf2+PlaPi2tQ==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-5.0.0-beta.4.tgz",
"fileCount": 42,
"unpackedSize": 1194580,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdDFS6CRA9TVsSAnZWagAAtN8P/1zkzayPfO2CaxhcFtP7\n77Zw0mL7kDFxFCUYlTg1M55Ug4qJ2RqRZfFCPVsR4L7HxnGL71PqBpKbwUSP\nAQnwclDp8AiWmooLZM7Jms3rtvMcwzCb0gyR6O6JVwV5B1J1fvKQHH2LhPV2\ngua9HSWnGo9GqwEyuGmS5mpLUf/EXmnEEy51J3Y2tJLEnuXOfaGT8FobmmVO\nP4oVVEgNtz+Xr2H2AGdIK9ogosEXksySmDvIKoIl7Sc6m+1H/4fOSUJZAVJG\n7nJXM4QTnTUv5PKR8CMhw++z/w+WzxPLz8hQHGh/mT2GvtIASsUBD3pjgi2V\n7tqWKzLsVUzqa/JVkLGHqwJd+knGaIGLsdCj1gsddDeRkb+aihCMzyTkdMMR\nfsd8u0H+3D7THKaivSTIw07lkzrwBvubPBnd0U3BQOQFtpB8e9VJEB3N7lL6\nM5vPhUiRXA3iYXqndcM0SUS9/BbGkAVSPpkZyRDkdmjPKgxjbooNXck6iJjr\nScA4v3iO8oN0pvep7WIxyRYiGN2afnkHi3pOM6YbMdwj5mUmIOwngkOaaCC5\nA314KnLKBGD1Oe5Tbt0CCCnC5SYBA+rQx3zosqGmuVPrZWUNuLCQc0jpNZpw\nvQRb4pLTK/6NKXeDfB1PKDLZj1D5mr4ttGrwzx7VE372jEBqty7ocJD0hpTs\njAET\r\n=xlfS\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_5.0.0-beta.4_1561089209902_0.47716571369847394"
},
"_hasShrinkwrap": false
},
"5.0.0-beta.5": {
"name": "styled-components",
"version": "5.0.0-beta.5",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"generateErrors": "node scripts/generateErrorMap.js",
"prebuild": "rimraf dist && npm run generateErrors",
"build": "rollup -c",
"postbuild": "npm run lint:size",
"flow": "flow check",
"flow:watch": "flow-watch",
"pretest": "npm run generateErrors",
"test": "npm run test:web && npm run test:native && npm run test:primitives",
"test:web": "jest -c ../../scripts/jest/config.main.js",
"test:native": "jest -c ../../scripts/jest/config.native.js",
"test:primitives": "jest -c ../../scripts/jest/config.primitives.js",
"test:integration": "jest -c ../../scripts/jest/config.integration.js --runInBand --forceExit",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"lint:size": "bundlesize",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "npm run build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@babel/traverse": "^7.4.5",
"@emotion/is-prop-valid": "^0.8.1",
"@emotion/stylis": "^0.8.3",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"merge-anything": "^2.2.5",
"shallowequal": "^1.1.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": {
"react": ">= 16.8.0",
"react-dom": ">= 16.8.0",
"react-is": ">= 16.8.0"
},
"devDependencies": {
"flow-bin": "^0.100.0",
"prop-types": "^15.7.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-frame-component": "^4.0.2",
"react-is": "^16.8.6",
"react-native": "^0.59.8",
"react-primitives": "^0.8.0",
"react-test-renderer": "^16.8.6",
"stylis-rtl": "^1.0.1"
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "14kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\n> ⚠️ **CANARY:** This is the `canary` branch of `styled-components`. It is published under the\n> `@alpha` tag on npm and contains new features and changes for the next major version.\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## Upgrading from v4\n\n1. `npm install styled-components@alpha react@^16.8 react-dom@^16.8 react-is@^16.8`\n1. ??\n1. Profit!\n\n> Note that integrations like `jest-styled-components` that make use of internals will need to be updated to work with v5 and likely will not work properly during the alpha/beta period.\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.styled-components.com/docs/basics)\n- [API Reference](https://styled-components.com/docs/api)\n- [Theming](https://www.styled-components.com/docs/advanced#theming)\n- [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n- [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Babel Macro\n\nIf you're using tooling that has babel-plugin-macros set up, you can switch to the `styled-components/macro` import path instead to gain the effects of the babel plugin without further setup.\n\n```js\nimport styled from 'styled-components/macro';\n\n// A static className will be generated for Title (important for SSR)\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n```\n\nIf you wish to provide configuration options to the babel plugin similar to how you would in a `.babelrc`, [see this guide](https://github.com/kentcdodds/babel-plugin-macros/blob/master/other/docs/author.md#config-experimental). The config name is `\"styledComponents\"`.\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"_id": "styled-components@5.0.0-beta.5",
"dist": {
"shasum": "2d1f78612c579bb6f0bc059262f7b5f170d00d9b",
"integrity": "sha512-dOjnFoNccRjLkLB0M05rR1/C01k2/OtJAIhE4UPveQ9Fec/Y1t6ixUMXRMe1xzGE67PAD2onRwiRayXx629+SQ==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-5.0.0-beta.5.tgz",
"fileCount": 42,
"unpackedSize": 1197971,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdDkq3CRA9TVsSAnZWagAAuAMP/3Fzjx2DpMWbOkyU9pZ2\ngLaJwvN8gbylmY6AKe8BW2ImOeZjtXjiM3m2DL0pmy2YxszPnr6Z59NBC5bm\nQISf0W6NDIp/xxs5/WmFCJ/PXpKQuAO+bphO3BHhqpZ9VX/2QegiKITCh/aw\n7XX0o7siBYorGRcuLSXqZ3mK/GGATw+eDEx9B8aVSlATU2mGFbqD4lTM5mth\nVdfPWfDj6GnSYTlkZJL3IF2MwwI+fsbUsKj0Pn7OUhKxTry++pfRYqj1WKOp\nn3ZBx5SSIF8iiUpu/P7IQk9Mv0hkhSZUTAF08AWUosbDdBCtblzlYsmmACcK\nQjqjKmYQiCwJiHqj1jQhbwt+4cHaf2GYmS2bh31qRw2fxI3Fm4Wa9cbX7Y6Y\nkAMSNRQXIHyd5qVga81wRUsPYcq25dK4XAXqt2oWkqp0fFCN79ww9eAE7PqQ\naV9BpT7qSu3v7f0iWV/yV1l6lPHHnexUQMKgk/FbXb4oxLyqhASdDM0/tWjT\nTVOUAmu2cGeTVbR0U1GIOzmP9o4X3R9fia8EXpM25I0bFaH5xFw4COQY4NuP\njojEyZDN0vNmJiZiM2FDdQkh13XBMKW4yb8KOuo+Xkxn0KHd3Qc1NeL4MP1P\nHykDWzP+EojfTv2M9OsR90a4OkdqfFhPjQX8vDa2QruUhFLKMJ3NLFCwjdWh\n+Kc2\r\n=VxAs\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_5.0.0-beta.5_1561217719156_0.4786917139622717"
},
"_hasShrinkwrap": false
},
"5.0.0-beta.5-ej2": {
"name": "styled-components",
"version": "5.0.0-beta.5-ej2",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"generateErrors": "node scripts/generateErrorMap.js",
"prebuild": "rimraf dist && npm run generateErrors",
"build": "rollup -c",
"postbuild": "npm run lint:size",
"flow": "flow check",
"flow:watch": "flow-watch",
"pretest": "npm run generateErrors",
"test": "npm run test:web && npm run test:native && npm run test:primitives",
"test:web": "jest -c ../../scripts/jest/config.main.js",
"test:native": "jest -c ../../scripts/jest/config.native.js",
"test:primitives": "jest -c ../../scripts/jest/config.primitives.js",
"test:integration": "jest -c ../../scripts/jest/config.integration.js --runInBand --forceExit",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"lint:size": "bundlesize",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "npm run build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@babel/traverse": "^7.4.5",
"@emotion/is-prop-valid": "^0.8.1",
"@emotion/stylis": "^0.8.3",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"merge-anything": "^2.2.5",
"shallowequal": "^1.1.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": {
"react": ">= 16.8.0",
"react-dom": ">= 16.8.0",
"react-is": ">= 16.8.0"
},
"devDependencies": {
"flow-bin": "^0.100.0",
"prop-types": "^15.7.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-frame-component": "^4.0.2",
"react-is": "^16.8.6",
"react-native": "^0.59.8",
"react-primitives": "^0.8.0",
"react-test-renderer": "^16.8.6",
"stylis-rtl": "^1.0.1"
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "14kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\n> ⚠️ **CANARY:** This is the `canary` branch of `styled-components`. It is published under the\n> `@alpha` tag on npm and contains new features and changes for the next major version.\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## Upgrading from v4\n\n1. `npm install styled-components@alpha react@^16.8 react-dom@^16.8 react-is@^16.8`\n1. ??\n1. Profit!\n\n> Note that integrations like `jest-styled-components` that make use of internals will need to be updated to work with v5 and likely will not work properly during the alpha/beta period.\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.styled-components.com/docs/basics)\n- [API Reference](https://styled-components.com/docs/api)\n- [Theming](https://www.styled-components.com/docs/advanced#theming)\n- [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n- [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Babel Macro\n\nIf you're using tooling that has babel-plugin-macros set up, you can switch to the `styled-components/macro` import path instead to gain the effects of the babel plugin without further setup.\n\n```js\nimport styled from 'styled-components/macro';\n\n// A static className will be generated for Title (important for SSR)\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n```\n\nIf you wish to provide configuration options to the babel plugin similar to how you would in a `.babelrc`, [see this guide](https://github.com/kentcdodds/babel-plugin-macros/blob/master/other/docs/author.md#config-experimental). The config name is `\"styledComponents\"`.\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"_id": "styled-components@5.0.0-beta.5-ej2",
"dist": {
"shasum": "f79f7d049185d165b6703244cdb56276684fa9be",
"integrity": "sha512-jog475cVYKAI/0GsliL/ForcKy8zdck3OI5s5IhzJ1pkn080hUlL7q9BaeOW1ecRylcFvjciUoYiqcU0f/JIwQ==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-5.0.0-beta.5-ej2.tgz",
"fileCount": 42,
"unpackedSize": 1193753,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdEXYhCRA9TVsSAnZWagAAfIsP/2nnkAufvqzygVdLzQFD\nTf++8zxfHCLrqqDQGxbuvaK+55Gy8KUnFHKwHzyjl9G06HbjXPkEeKyGklXw\nkl3B2EiRiYxEQrkoIeTxFmvNCIcF7DKXXttylQJYZp9ZE/q5WHp/UV/8NhLa\n75hB/WLC1jz7bYfq3koF48xIiqQFuL5lNSrmBeCvZpq47uTQ1QQbhpE9HJZN\n1wZIrPuvmI9z/jjfpAGWZQjSVROr0uzBgpHbiWsvl1NOKLnQ48hyg1V10g4t\noMos1Uwq/+3eXGe3k4eAGPzD1eqcLO3v6oFJo+h4SrqkY9f/yQ9en2DLqYDh\nO1hr7fGXoF0oIlWsdfS3v6507OOsbDVuIeGfXyVPLAlg3xPlltcFWoSR1nnA\n27Clg0rlsXrwQ48K6Avs4CXRRalXYigC/5THh+IYpsgmkeinQ3hAD7sypJsa\n4WP/QvXxOGzcIDCJ8TFN+9c9YWZzPd0jPCbmlte950BsAey+eQRnc5igGpZV\nt3r2CG3Six0IEgyaRe/X5D6myDcXZpnCcmkmhgr/aU0YWf300CYu7XcI0Xgz\naqSC3kLe91L9fFSn2Gna43qQZKQY8Sbylk7l8OKlBYeMpFPZEWgkEzyidNgM\nTumy798zjKR/I8uePjGwdLS4BaKKzeo1HWZJYyb82k+0hyrCE/70MwK2phGn\nlN2A\r\n=WAsH\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_5.0.0-beta.5-ej2_1561425441305_0.7106674111393794"
},
"_hasShrinkwrap": false
},
"5.0.0-beta.5-removefoldedcomponentids": {
"name": "styled-components",
"version": "5.0.0-beta.5-removefoldedcomponentids",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"generateErrors": "node scripts/generateErrorMap.js",
"prebuild": "rimraf dist && npm run generateErrors",
"build": "rollup -c",
"postbuild": "npm run lint:size",
"flow": "flow check",
"flow:watch": "flow-watch",
"pretest": "npm run generateErrors",
"test": "npm run test:web && npm run test:native && npm run test:primitives",
"test:web": "jest -c ../../scripts/jest/config.main.js",
"test:native": "jest -c ../../scripts/jest/config.native.js",
"test:primitives": "jest -c ../../scripts/jest/config.primitives.js",
"test:integration": "jest -c ../../scripts/jest/config.integration.js --runInBand --forceExit",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"lint:size": "bundlesize",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "npm run build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@babel/traverse": "^7.4.5",
"@emotion/is-prop-valid": "^0.8.1",
"@emotion/stylis": "^0.8.3",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"merge-anything": "^2.2.5",
"shallowequal": "^1.1.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": {
"react": ">= 16.8.0",
"react-dom": ">= 16.8.0",
"react-is": ">= 16.8.0"
},
"devDependencies": {
"flow-bin": "^0.100.0",
"prop-types": "^15.7.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-frame-component": "^4.0.2",
"react-is": "^16.8.6",
"react-native": "^0.59.8",
"react-primitives": "^0.8.0",
"react-test-renderer": "^16.8.6",
"stylis-rtl": "^1.0.1"
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "14kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\n> ⚠️ **CANARY:** This is the `canary` branch of `styled-components`. It is published under the\n> `@alpha` tag on npm and contains new features and changes for the next major version.\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## Upgrading from v4\n\n1. `npm install styled-components@alpha react@^16.8 react-dom@^16.8 react-is@^16.8`\n1. ??\n1. Profit!\n\n> Note that integrations like `jest-styled-components` that make use of internals will need to be updated to work with v5 and likely will not work properly during the alpha/beta period.\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.styled-components.com/docs/basics)\n- [API Reference](https://styled-components.com/docs/api)\n- [Theming](https://www.styled-components.com/docs/advanced#theming)\n- [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n- [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Babel Macro\n\nIf you're using tooling that has babel-plugin-macros set up, you can switch to the `styled-components/macro` import path instead to gain the effects of the babel plugin without further setup.\n\n```js\nimport styled from 'styled-components/macro';\n\n// A static className will be generated for Title (important for SSR)\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n```\n\nIf you wish to provide configuration options to the babel plugin similar to how you would in a `.babelrc`, [see this guide](https://github.com/kentcdodds/babel-plugin-macros/blob/master/other/docs/author.md#config-experimental). The config name is `\"styledComponents\"`.\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"_id": "styled-components@5.0.0-beta.5-removefoldedcomponentids",
"dist": {
"shasum": "96cae379c3bfaf3f87a62605bf6453d86a814517",
"integrity": "sha512-juBZvWqqt09HvttWH9f73EN2f3/zlwiZN7PwAe7n4l9gT0oe41foQiBBXmQV6l/soG4plax5R3FOweFBL5z7Og==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-5.0.0-beta.5-removefoldedcomponentids.tgz",
"fileCount": 42,
"unpackedSize": 1190390,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdFD1wCRA9TVsSAnZWagAAmyIP/2vYzoXGldV9GQ2MQ6qn\nzZ7/TBKtXkqP7muhhxm7gvHVegL0e9i+3lj4eaoJnbAI4fbHtXzCuNgRdlwk\namWOeE2oq2HoFD3ny0WSprTs6aPnXGaIAfnvHBXK35xAF+aj8HN+bBxBMGzq\nGVQFDHul/4VV1sl3kX7dwChI7PXpZvC7LEijOcfYN1Pbj0Xu76q6pdmTj25K\nmpVwQUf/a+1j6slGCh2UuocGYV8s7Pl8V7XmyTfJ4CGKmdES6W/WDcLV8VEY\nNZwUUaccpNlkhw1hFfEVtPaJ2Ro6crftrUt0SJAE/K2VA1HOIsHN3+alfIYg\n0uM9djyvfuCaz7szBLIV1XXGrH8WhGH5W8PkYZC+ICty0aHfOziAScVAxR8e\n9LFOEhVfFUoA/dYonwkPAXHOdE5Ofj0nIXVX54QW2jirKRSLKqVxUvFCVTa8\n+jg9v0ow5vMvNs0UEDLRYy8OSJuQ0CBGbGhaP5u7Wy5mKQImcvV7KL7olDBm\nSV0NeduQnAXS7BTXt7HCbtTwmevJ0al6rHGt+DrEXYPvd0fbf3SYcWUmFehc\nmSqOgdpAjx5QkyOmOqEtoNJh54azOrasP39gONnkxq9ZPEhUwbqbgkK87nFT\n1O2ybi85f2W3rJWDFuW4Zg1h/Dt+qdLHJJeruzGyRAEVqnxwzSyQ+0uie2eW\nrDbk\r\n=umXB\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_5.0.0-beta.5-removefoldedcomponentids_1561607536113_0.03132487617105828"
},
"_hasShrinkwrap": false
},
"5.0.0-beta.6": {
"name": "styled-components",
"version": "5.0.0-beta.6",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"generateErrors": "node scripts/generateErrorMap.js",
"prebuild": "rimraf dist && npm run generateErrors",
"build": "rollup -c",
"postbuild": "npm run lint:size",
"flow": "flow check",
"flow:watch": "flow-watch",
"pretest": "npm run generateErrors",
"test": "npm run test:web && npm run test:native && npm run test:primitives",
"test:web": "jest -c ../../scripts/jest/config.main.js",
"test:native": "jest -c ../../scripts/jest/config.native.js",
"test:primitives": "jest -c ../../scripts/jest/config.primitives.js",
"test:integration": "jest -c ../../scripts/jest/config.integration.js --runInBand --forceExit",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"lint:size": "bundlesize",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "npm run build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@babel/traverse": "^7.4.5",
"@emotion/is-prop-valid": "^0.8.1",
"@emotion/stylis": "^0.8.3",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"merge-anything": "^2.2.5",
"shallowequal": "^1.1.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": {
"react": ">= 16.8.0",
"react-dom": ">= 16.8.0",
"react-is": ">= 16.8.0"
},
"devDependencies": {
"flow-bin": "^0.100.0",
"prop-types": "^15.7.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-frame-component": "^4.0.2",
"react-is": "^16.8.6",
"react-native": "^0.59.8",
"react-primitives": "^0.8.0",
"react-test-renderer": "^16.8.6",
"stylis-rtl": "^1.0.1"
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "14kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\n> ⚠️ **CANARY:** This is the `canary` branch of `styled-components`. It is published under the\n> `@alpha` tag on npm and contains new features and changes for the next major version.\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## Upgrading from v4\n\n1. `npm install styled-components@alpha react@^16.8 react-dom@^16.8 react-is@^16.8`\n1. ??\n1. Profit!\n\n> Note that integrations like `jest-styled-components` that make use of internals will need to be updated to work with v5 and likely will not work properly during the alpha/beta period.\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.styled-components.com/docs/basics)\n- [API Reference](https://styled-components.com/docs/api)\n- [Theming](https://www.styled-components.com/docs/advanced#theming)\n- [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n- [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Babel Macro\n\nIf you're using tooling that has babel-plugin-macros set up, you can switch to the `styled-components/macro` import path instead to gain the effects of the babel plugin without further setup.\n\n```js\nimport styled from 'styled-components/macro';\n\n// A static className will be generated for Title (important for SSR)\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n```\n\nIf you wish to provide configuration options to the babel plugin similar to how you would in a `.babelrc`, [see this guide](https://github.com/kentcdodds/babel-plugin-macros/blob/master/other/docs/author.md#config-experimental). The config name is `\"styledComponents\"`.\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"_id": "styled-components@5.0.0-beta.6",
"dist": {
"shasum": "8998078b111d1164b74b74d5b8b9c5036f9157fb",
"integrity": "sha512-PmigtATq56q4NQdvkZqUWwZM4ZRPElf5F4K8yH2umeHjCyqmSTXlTVVyR+KXNR8vN7YyLpCdmdW36w5lWT2cCw==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-5.0.0-beta.6.tgz",
"fileCount": 42,
"unpackedSize": 1190215,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdFMh3CRA9TVsSAnZWagAABnUP/j/igqp+YwiE3PBIXqE3\nwltuunqwlJXKKsLRfiQo7JgRtWsoXWcAGm6iLenCJjDsxinVkprVqQl0oLB7\nvKBamMzxp7YZMMMaQRCPssx28q9mdDfwWD7bv3rmIbcvYanNm2x5NrUX695o\nOMN5lVdt8GncBSSMY9+y0DphOKX3hB0gTryWhno9u5Y62k85lNGBcAV4AZ6S\nb5avyf50OGyepkz4ANzw0v1FmqHT9JSiU6O9sDs2odJn3NsKykQyNgOXSxQ/\n+J6ogbt3Yw4ftEzPdr9TxGhijLdBGL/zzMJgf7DqMBmnvEADPe/q9xAFS20K\nNIfzmAiHBRcBRiFzx8LuqlhtthbYgKXfhYFFGsuSL/LXcgIgFeK9ESfwjBu4\nikGTvpY6tEssK95omKyJUkZBlMWbu5H45BitfXzZwRNo2YbINcCqbDyHwl7M\nwv1IL5wWF9grpWlZOaf2nc/k2imUOvV3eEDlzx+CzQVv5JGbRwloVfyEs2sX\ntZ+sTXNlbQirf8cDDgi6u32gUs9I7cGjewU1qHnMNglD1Tk6ncezf1D2fV8P\nsTBNaGBp91ZcBgrco9D57DgStkc2KdY/OMOvFzz0uxkbNIVED9r86HGSncV9\nOEWUz4VMx02xuYIo/uvKuIVcEn5BHUbg0d9tOAkL24zJ0NMXLXXCsE0vIFnD\n29pB\r\n=EWuW\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_5.0.0-beta.6_1561643127349_0.3711074658083706"
},
"_hasShrinkwrap": false
},
"5.0.0-beta.6-ej": {
"name": "styled-components",
"version": "5.0.0-beta.6-ej",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"generateErrors": "node scripts/generateErrorMap.js",
"prebuild": "rimraf dist && npm run generateErrors",
"build": "rollup -c",
"postbuild": "npm run lint:size",
"flow": "flow check",
"flow:watch": "flow-watch",
"pretest": "npm run generateErrors",
"test": "npm run test:web && npm run test:native && npm run test:primitives",
"test:web": "jest -c ../../scripts/jest/config.main.js",
"test:native": "jest -c ../../scripts/jest/config.native.js",
"test:primitives": "jest -c ../../scripts/jest/config.primitives.js",
"test:integration": "jest -c ../../scripts/jest/config.integration.js --runInBand --forceExit",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"lint:size": "bundlesize",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "npm run build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@babel/traverse": "^7.4.5",
"@emotion/is-prop-valid": "^0.8.1",
"@emotion/stylis": "^0.8.3",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"merge-anything": "^2.2.5",
"shallowequal": "^1.1.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": {
"react": ">= 16.8.0",
"react-dom": ">= 16.8.0",
"react-is": ">= 16.8.0"
},
"devDependencies": {
"flow-bin": "^0.100.0",
"prop-types": "^15.7.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-frame-component": "^4.0.2",
"react-is": "^16.8.6",
"react-native": "^0.59.8",
"react-primitives": "^0.8.0",
"react-test-renderer": "^16.8.6",
"stylis-rtl": "^1.0.1"
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "14kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\n> ⚠️ **CANARY:** This is the `canary` branch of `styled-components`. It is published under the\n> `@alpha` tag on npm and contains new features and changes for the next major version.\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## Upgrading from v4\n\n1. `npm install styled-components@alpha react@^16.8 react-dom@^16.8 react-is@^16.8`\n1. ??\n1. Profit!\n\n> Note that integrations like `jest-styled-components` that make use of internals will need to be updated to work with v5 and likely will not work properly during the alpha/beta period.\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.styled-components.com/docs/basics)\n- [API Reference](https://styled-components.com/docs/api)\n- [Theming](https://www.styled-components.com/docs/advanced#theming)\n- [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n- [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Babel Macro\n\nIf you're using tooling that has babel-plugin-macros set up, you can switch to the `styled-components/macro` import path instead to gain the effects of the babel plugin without further setup.\n\n```js\nimport styled from 'styled-components/macro';\n\n// A static className will be generated for Title (important for SSR)\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n```\n\nIf you wish to provide configuration options to the babel plugin similar to how you would in a `.babelrc`, [see this guide](https://github.com/kentcdodds/babel-plugin-macros/blob/master/other/docs/author.md#config-experimental). The config name is `\"styledComponents\"`.\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"_id": "styled-components@5.0.0-beta.6-ej",
"dist": {
"shasum": "0d72fd296e38ca2deb640bce9e75c1603e756dbb",
"integrity": "sha512-TC7QskEQXsFc8x6f35Nbnf2OFUPRZP/Rdg/BmPbIgzsvUQcYVokrC+NPOh42MFnOqZyKUzdrdo6PM+5oGtvw6A==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-5.0.0-beta.6-ej.tgz",
"fileCount": 42,
"unpackedSize": 1211348,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdFhznCRA9TVsSAnZWagAAW4gP/1cJc81KVo0TTkA1zl9f\nm3q5F40iaQtnazFXHJPD6Ac2+rvqNmeFCpJjkq5dB0eQ11Y949GDKXsUa1G/\npANyH0KCccRWHFH10lGfWHuGkkps2UhOJm6Ctu8tsBZfRyhQpTy+SLctZkum\nr/EvmuqlvFqK3ZZPzp3ep8qoCyJlNFTIOmyYnxtpyOb5Bn+z4QI5vcI/P2IF\nKcNnINvE28pPNvuGy/Z+111IYtUJp49ZmAXa4MwZxOD3HglQoKcktaNCJBza\nIWpuILi+b1Wsmnzxs0F8F7feG4Uavh3VBShrpY7y/WBJfjUsK6UMqTztOS+x\nquBdpx0tFryBoe5MQO58aONvnm05XqwY6lFRzYKvutRaOftSiRU+Ul7wGzzb\n2R9q142e7bMLW70gdzevYHV9ILZwK5y5j+d4GTXWbt6YgEKPSwsD+/etwzHD\niakmZl7bSouLT/R01tpNtORF3WZXtj0WgK41UA/+33arNDykQy6FMjg4AI77\nUn6kOTU/u+ffaOYdRw6gBeOJ9I+16FTlSgc3pfE+wO1SIrl+J9ZVTiJcksYW\nZM0gu2E55Kx7oqoHMJ+jT1dFaGi39RPjYKYmwZqWUCO6s7HqRaK7hBny/BHS\n9YoP+j5koQAOPpJQYQ9A1EIQWswgg1NQSSEteFi0mgygqtF9PlIIBnwDvbzO\ncriM\r\n=+F2C\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_5.0.0-beta.6-ej_1561730278312_0.495894474077879"
},
"_hasShrinkwrap": false
},
"5.0.0-beta.6-ej1": {
"name": "styled-components",
"version": "5.0.0-beta.6-ej1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"generateErrors": "node scripts/generateErrorMap.js",
"prebuild": "rimraf dist && npm run generateErrors",
"build": "rollup -c",
"postbuild": "npm run lint:size",
"flow": "flow check",
"flow:watch": "flow-watch",
"pretest": "npm run generateErrors",
"test": "npm run test:web && npm run test:native && npm run test:primitives",
"test:web": "jest -c ../../scripts/jest/config.main.js",
"test:native": "jest -c ../../scripts/jest/config.native.js",
"test:primitives": "jest -c ../../scripts/jest/config.primitives.js",
"test:integration": "jest -c ../../scripts/jest/config.integration.js --runInBand --forceExit",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"lint:size": "bundlesize",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "npm run build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@babel/traverse": "^7.4.5",
"@emotion/is-prop-valid": "^0.8.1",
"@emotion/stylis": "^0.8.3",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"merge-anything": "^2.2.5",
"shallowequal": "^1.1.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": {
"react": ">= 16.8.0",
"react-dom": ">= 16.8.0",
"react-is": ">= 16.8.0"
},
"devDependencies": {
"flow-bin": "^0.100.0",
"prop-types": "^15.7.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-frame-component": "^4.0.2",
"react-is": "^16.8.6",
"react-native": "^0.59.8",
"react-primitives": "^0.8.0",
"react-test-renderer": "^16.8.6",
"stylis-rtl": "^1.0.1"
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "14kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\n> ⚠️ **CANARY:** This is the `canary` branch of `styled-components`. It is published under the\n> `@alpha` tag on npm and contains new features and changes for the next major version.\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## Upgrading from v4\n\n1. `npm install styled-components@alpha react@^16.8 react-dom@^16.8 react-is@^16.8`\n1. ??\n1. Profit!\n\n> Note that integrations like `jest-styled-components` that make use of internals will need to be updated to work with v5 and likely will not work properly during the alpha/beta period.\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.styled-components.com/docs/basics)\n- [API Reference](https://styled-components.com/docs/api)\n- [Theming](https://www.styled-components.com/docs/advanced#theming)\n- [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n- [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Babel Macro\n\nIf you're using tooling that has babel-plugin-macros set up, you can switch to the `styled-components/macro` import path instead to gain the effects of the babel plugin without further setup.\n\n```js\nimport styled from 'styled-components/macro';\n\n// A static className will be generated for Title (important for SSR)\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n```\n\nIf you wish to provide configuration options to the babel plugin similar to how you would in a `.babelrc`, [see this guide](https://github.com/kentcdodds/babel-plugin-macros/blob/master/other/docs/author.md#config-experimental). The config name is `\"styledComponents\"`.\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"_id": "styled-components@5.0.0-beta.6-ej1",
"dist": {
"shasum": "bc807f1135ed786e9c0bfeceb1c284c4077bfc3e",
"integrity": "sha512-2FY/oibZYxLY04sFs88iAZIsEokCS5XEGl2Yyeax0j/UUPCRWWpmct4kNQHEcckutbM/A+A0ql2SRd0Jz38/0Q==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-5.0.0-beta.6-ej1.tgz",
"fileCount": 42,
"unpackedSize": 1211662,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdFiAYCRA9TVsSAnZWagAAdUYP/RNISBPEWmWFuIXCjx76\nwVVWnKv7ZX9nvVeOuUTvt4vz0OzYlLiI7LHlwxOSbkI/YparrDPx+XKE9FpM\nO5eZ4xpIhwZm/oC5h30YvcUhGg/O9jVvyzwhbP765Z0xBPMKagvtpuiKGlqO\naXOtfE26mlAWlK4MNQ6YItD2Ns93pIP8pQuvnrz1J7R63BkHhmtXRSVLXUur\nnEDxt6HL5j8N5FOSvsbmjVbNJEPLVus+qQPvPNa1xNWJzLF0VnYQLVqfYe8j\nASSiDMyx2KVIWDMtGF8d0f2/hyp33aIsmUmhzR1DcMa8InEX2zjfdb1gaICh\nr/fPG97jgFaDwdyPON2kytJvoxwxceAgGtITukXzfCUw9v98X6Z/rDHZlfIO\nkNvDWrotVofhQB6Jxy50fBzGNZOE3szzpybllU32776OPB2Sbs3pIeyJZwzG\ne3uzJHN5qbTyiCPM+wqu+O02YWAX3/twG4R4LuGiVa2jm8mkKcrk6I0b6EUI\nabd19BZg4NjC9q88ryZ0fXGm5uaIZCWffFpXmF+KtyBCfRxdo2P8RFiWzVBT\nYY1MUnCEFIAMaSBeCkAlkH3pishDdFBmJiMEYm4CDf/wQVCbK4Xzk3tEaJUu\n9H6Ryl0a37J1shlln0g439Ogvg3hf4vi0sWBUDInXJoak7Gx1MV3cq2bxMSF\n/KSO\r\n=9U9C\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_5.0.0-beta.6-ej1_1561731095870_0.5273014083481846"
},
"_hasShrinkwrap": false
},
"5.0.0-beta.6-ej2": {
"name": "styled-components",
"version": "5.0.0-beta.6-ej2",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"generateErrors": "node scripts/generateErrorMap.js",
"prebuild": "rimraf dist && npm run generateErrors",
"build": "rollup -c",
"postbuild": "npm run lint:size",
"flow": "flow check",
"flow:watch": "flow-watch",
"pretest": "npm run generateErrors",
"test": "npm run test:web && npm run test:native && npm run test:primitives",
"test:web": "jest -c ../../scripts/jest/config.main.js",
"test:native": "jest -c ../../scripts/jest/config.native.js",
"test:primitives": "jest -c ../../scripts/jest/config.primitives.js",
"test:integration": "jest -c ../../scripts/jest/config.integration.js --runInBand --forceExit",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"lint:size": "bundlesize",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "npm run build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@babel/traverse": "^7.4.5",
"@emotion/is-prop-valid": "^0.8.1",
"@emotion/stylis": "^0.8.3",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"merge-anything": "^2.2.5",
"shallowequal": "^1.1.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": {
"react": ">= 16.8.0",
"react-dom": ">= 16.8.0",
"react-is": ">= 16.8.0"
},
"devDependencies": {
"flow-bin": "^0.100.0",
"prop-types": "^15.7.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-frame-component": "^4.0.2",
"react-is": "^16.8.6",
"react-native": "^0.59.8",
"react-primitives": "^0.8.0",
"react-test-renderer": "^16.8.6",
"stylis-rtl": "^1.0.1"
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "14kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\n> ⚠️ **CANARY:** This is the `canary` branch of `styled-components`. It is published under the\n> `@alpha` tag on npm and contains new features and changes for the next major version.\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## Upgrading from v4\n\n1. `npm install styled-components@alpha react@^16.8 react-dom@^16.8 react-is@^16.8`\n1. ??\n1. Profit!\n\n> Note that integrations like `jest-styled-components` that make use of internals will need to be updated to work with v5 and likely will not work properly during the alpha/beta period.\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.styled-components.com/docs/basics)\n- [API Reference](https://styled-components.com/docs/api)\n- [Theming](https://www.styled-components.com/docs/advanced#theming)\n- [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n- [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Babel Macro\n\nIf you're using tooling that has babel-plugin-macros set up, you can switch to the `styled-components/macro` import path instead to gain the effects of the babel plugin without further setup.\n\n```js\nimport styled from 'styled-components/macro';\n\n// A static className will be generated for Title (important for SSR)\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n```\n\nIf you wish to provide configuration options to the babel plugin similar to how you would in a `.babelrc`, [see this guide](https://github.com/kentcdodds/babel-plugin-macros/blob/master/other/docs/author.md#config-experimental). The config name is `\"styledComponents\"`.\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"_id": "styled-components@5.0.0-beta.6-ej2",
"dist": {
"shasum": "bd8931f393d4b22f6c8ff5807984eb3daf251c16",
"integrity": "sha512-k2SDAIISqmHytYJ8b0fUTBj5R6gqwnEj5AHXwUoGNyxFuWyV3kh/+UORubd/rqeQmAQqQDoxpze+zvlMyKTrnQ==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-5.0.0-beta.6-ej2.tgz",
"fileCount": 42,
"unpackedSize": 1212514,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdFiNRCRA9TVsSAnZWagAAR1cQAJbmJjR2PK/1ILbp1F9i\nbRzIPjfmMJJliiNM66FfKg/+Wanoi7EnOD3LGqsF9JyqjSMMjwfwnybJmurA\nRPjFnw+WXWbtmYu7JEMHnyoMztP9gPB3GkbPHv1vqqOCgDrRZyIElHB2CViW\nfuOvTQ25qlXPcprSPO+nqn0Kaicbu8g63nEAnSx3OyKkNnH4+86BCnAnMQKy\n/ZhDP3GZqJd4hYz+I2lGMnEohKDCJuyBgELjhdCK1vj3e0XtgHUi4WXGB4dE\nW7wC6kicNargFHonDKK0sj7VrZcDzP18R42F/msfardrumx5fWx+4rRNbefz\nU4wZjPHctZo/l2Hc3sH8aGKc2mNbWlAAWorOEuMH/fs/iqx+PgeA3o/mPm0g\n/rZbuzBO53oafxP/66eAXh2uNl+WRun4CBLllyzFGBzkYfB+1eGTBNY/172L\nNivCZ63jvyMR564gyULGY+Zhm3rwmECb9QvKbHVAAdS0QUS6vAiIyngajECR\nHmnWaSeFRp+DiaYFKG0mC1bAMtHHfppDGRX4e0eCloOLKMEgmE/WRg5PjLOU\n1cqmFvaTT+nj/Jt19280Dn6Ua3tDBZuJf6c9nPr7fmOBcqZC/U9acSFFvup3\nv1LrMU/FKxOIy9/TIQ3B52s335T0m07TZF4+SzwwCKfG6NteoQoawPbMXmv+\nvsDv\r\n=W6M1\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_5.0.0-beta.6-ej2_1561731920417_0.3491999121182119"
},
"_hasShrinkwrap": false
},
"5.0.0-beta.6-ej3": {
"name": "styled-components",
"version": "5.0.0-beta.6-ej3",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"generateErrors": "node scripts/generateErrorMap.js",
"prebuild": "rimraf dist && npm run generateErrors",
"build": "rollup -c",
"postbuild": "npm run lint:size",
"flow": "flow check",
"flow:watch": "flow-watch",
"pretest": "npm run generateErrors",
"test": "npm run test:web && npm run test:native && npm run test:primitives",
"test:web": "jest -c ../../scripts/jest/config.main.js",
"test:native": "jest -c ../../scripts/jest/config.native.js",
"test:primitives": "jest -c ../../scripts/jest/config.primitives.js",
"test:integration": "jest -c ../../scripts/jest/config.integration.js --runInBand --forceExit",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"lint:size": "bundlesize",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "npm run build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@babel/traverse": "^7.4.5",
"@emotion/is-prop-valid": "^0.8.1",
"@emotion/stylis": "^0.8.3",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"merge-anything": "^2.2.5",
"shallowequal": "^1.1.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": {
"react": ">= 16.8.0",
"react-dom": ">= 16.8.0",
"react-is": ">= 16.8.0"
},
"devDependencies": {
"flow-bin": "^0.100.0",
"prop-types": "^15.7.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-frame-component": "^4.0.2",
"react-is": "^16.8.6",
"react-native": "^0.59.8",
"react-primitives": "^0.8.0",
"react-test-renderer": "^16.8.6",
"stylis-rtl": "^1.0.1"
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "14kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\n> ⚠️ **CANARY:** This is the `canary` branch of `styled-components`. It is published under the\n> `@alpha` tag on npm and contains new features and changes for the next major version.\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## Upgrading from v4\n\n1. `npm install styled-components@alpha react@^16.8 react-dom@^16.8 react-is@^16.8`\n1. ??\n1. Profit!\n\n> Note that integrations like `jest-styled-components` that make use of internals will need to be updated to work with v5 and likely will not work properly during the alpha/beta period.\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.styled-components.com/docs/basics)\n- [API Reference](https://styled-components.com/docs/api)\n- [Theming](https://www.styled-components.com/docs/advanced#theming)\n- [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n- [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Babel Macro\n\nIf you're using tooling that has babel-plugin-macros set up, you can switch to the `styled-components/macro` import path instead to gain the effects of the babel plugin without further setup.\n\n```js\nimport styled from 'styled-components/macro';\n\n// A static className will be generated for Title (important for SSR)\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n```\n\nIf you wish to provide configuration options to the babel plugin similar to how you would in a `.babelrc`, [see this guide](https://github.com/kentcdodds/babel-plugin-macros/blob/master/other/docs/author.md#config-experimental). The config name is `\"styledComponents\"`.\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"_id": "styled-components@5.0.0-beta.6-ej3",
"dist": {
"shasum": "6a9e717e3a43a3f90fea74a094000610ceee27fa",
"integrity": "sha512-RecKGLQAgguh79IGvwh8ZOg15oL4xExWtpFLXRNnYV/x2hTwhNgMKsHrhlghYr34IK1pJMsa1fTBukAb7RrlJw==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-5.0.0-beta.6-ej3.tgz",
"fileCount": 42,
"unpackedSize": 1212591,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdF34iCRA9TVsSAnZWagAAGlkP/jbl/JLuO61pZms22K8x\nfBDNyhgzob2TfmyQL/L/aOrSIaeAokMxNhr7Ea0qyf3pErTf1tfkn+6oeVum\n+W8/WHNBsduLPUk3AGWxPxqtos1LbQ2+y4ec8MhZQP0XBMJLO8EJJHgS2XHX\nbQj6LkyMeRhskMxCWiKrGCQk+oOPLsdeIloNyWYNxBKvgoExdhTWjm78wkAD\nt50H74iNd7cL17znV5jbHClCNCpDt1H+sn7ukFNvb/TcuIZJzVf23mY+/zy+\nblT17BGHlaT/Ed/7makUZX4wqBwzRVyaQi0QmHarp4M+6q8bh6kFGpZiSY3D\nPb905reJJ+CwwUbPPFTwXQ5X15O4pSZBM/+77oA/G+a4rAlP7JWXCdI7zKSw\nqsXvcOBRGAEv47K7ORkOvgRQPnt5qwxL5IsUtQMrpyUc942uXzZTBYm9dqy0\nMZW01k7Se7JhgIoqyUSJVMZMY+AOJ57gHzt8VhJZj3doAUpGr0GQxC5YAHD3\nnFBzaI0DkWP63kUKSmFfJel9CqE8lZgDjByCaXV04X6Q+e51tqFkYVMGP4tR\noUqUNuWTJZtc19J/+BDsJAo1jrz2SCiJ50V+jcxXpNhYvmsufpp6Yga3x8ue\nxa1GjgJf8wX706F76XB2mB+D4h3OkiukyMCRzpeKQGRB9sqby2CDS05nby8l\nVtd4\r\n=AmZM\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_5.0.0-beta.6-ej3_1561820705674_0.4025800933331589"
},
"_hasShrinkwrap": false
},
"5.0.0-beta.6-ej4": {
"name": "styled-components",
"version": "5.0.0-beta.6-ej4",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"generateErrors": "node scripts/generateErrorMap.js",
"prebuild": "rimraf dist && npm run generateErrors",
"build": "rollup -c",
"postbuild": "npm run lint:size",
"flow": "flow check",
"flow:watch": "flow-watch",
"pretest": "npm run generateErrors",
"test": "npm run test:web && npm run test:native && npm run test:primitives",
"test:web": "jest -c ../../scripts/jest/config.main.js",
"test:native": "jest -c ../../scripts/jest/config.native.js",
"test:primitives": "jest -c ../../scripts/jest/config.primitives.js",
"test:integration": "jest -c ../../scripts/jest/config.integration.js --runInBand --forceExit",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"lint:size": "bundlesize",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "npm run build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@babel/traverse": "^7.4.5",
"@emotion/is-prop-valid": "^0.8.1",
"@emotion/stylis": "^0.8.3",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"merge-anything": "^2.2.5",
"shallowequal": "^1.1.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": {
"react": ">= 16.8.0",
"react-dom": ">= 16.8.0",
"react-is": ">= 16.8.0"
},
"devDependencies": {
"flow-bin": "^0.100.0",
"prop-types": "^15.7.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-frame-component": "^4.0.2",
"react-is": "^16.8.6",
"react-native": "^0.59.8",
"react-primitives": "^0.8.0",
"react-test-renderer": "^16.8.6",
"stylis-rtl": "^1.0.1"
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "14kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\n> ⚠️ **CANARY:** This is the `canary` branch of `styled-components`. It is published under the\n> `@alpha` tag on npm and contains new features and changes for the next major version.\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## Upgrading from v4\n\n1. `npm install styled-components@alpha react@^16.8 react-dom@^16.8 react-is@^16.8`\n1. ??\n1. Profit!\n\n> Note that integrations like `jest-styled-components` that make use of internals will need to be updated to work with v5 and likely will not work properly during the alpha/beta period.\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.styled-components.com/docs/basics)\n- [API Reference](https://styled-components.com/docs/api)\n- [Theming](https://www.styled-components.com/docs/advanced#theming)\n- [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n- [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Babel Macro\n\nIf you're using tooling that has babel-plugin-macros set up, you can switch to the `styled-components/macro` import path instead to gain the effects of the babel plugin without further setup.\n\n```js\nimport styled from 'styled-components/macro';\n\n// A static className will be generated for Title (important for SSR)\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n```\n\nIf you wish to provide configuration options to the babel plugin similar to how you would in a `.babelrc`, [see this guide](https://github.com/kentcdodds/babel-plugin-macros/blob/master/other/docs/author.md#config-experimental). The config name is `\"styledComponents\"`.\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"_id": "styled-components@5.0.0-beta.6-ej4",
"dist": {
"shasum": "7570ebbf9c9356a8cca03ea37dd94233f2e40e84",
"integrity": "sha512-WaytinYy4+Zc1TKXdTlPmkAOIj58QWvjn1rdgxCSAMAR4GFLlu2m7rQXwZ6WYWYk6GJd141rnZnE2Ig3XERc5A==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-5.0.0-beta.6-ej4.tgz",
"fileCount": 42,
"unpackedSize": 1212328,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdF4A6CRA9TVsSAnZWagAAvC8P/A64IQN+CQ3E4XLHduW3\n8jSXp9JwlgcSDGbakQkMjgT1w5eB4bxWTMYvHJApATleEEKMa6ttL53BQUD7\nbiqGw0HUT/Hgxngz6hqf1BysymO18rIi4i7WhwUqQiPPy6TnlQC28phAUWWX\naGTZLr8/QfN8fjmdHFKBU5ArDqRcoYvqf01ozj26p9iUxg5D9FMyXP4CRRtF\ngScD0cgILsRnOmqySxglAP1XenMOMrGmq4nNeiaRX4+isS4xVFOo15L98XGq\nma7+Hlb98l1D8xfG9sItWDgOQ7FrOhylrtbnTS0HhY+wUkT88LseV7waLH21\n9Xnwtb2KzR1TQrQWR6Q8WCS708jnTpn99L4buN7ioZE4s/BEms8GVHf5J1Za\nDZOulrH0Ycdbe64Q0HvUys+nAUBjvCc6Se+5wQKhTekQdHu+KoRs5TdnhQCy\nrpalkUSr70P81O99kiiX72yLFVMEPQI751d62lt51WNqSLyInYEM2FaEBgsf\niTJ8aen3U9PyolXEBrCxWTQ8ZbIwa3cp+x7WI0gMPR01PM5b9z8o6Lzh9Big\nfRExyoG+Un9NOg5beVBTlgHE110T/vXELUDTjZyJwwQS3Pq2/2dgsFowtCfl\n2J6qr3nMBKGM6IiLahgWAFbMtXctdN/60LHtAIgMBKB7DlqsILeF04jvgiKj\ngHtE\r\n=l7HW\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_5.0.0-beta.6-ej4_1561821241443_0.14330932688459774"
},
"_hasShrinkwrap": false
},
"5.0.0-beta.8": {
"name": "styled-components",
"version": "5.0.0-beta.8",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"generateErrors": "node scripts/generateErrorMap.js",
"prebuild": "rimraf dist && npm run generateErrors",
"build": "rollup -c",
"postbuild": "npm run lint:size",
"flow": "flow check",
"flow:watch": "flow-watch",
"pretest": "npm run generateErrors",
"test": "npm run test:web && npm run test:native && npm run test:primitives",
"test:web": "jest -c ../../scripts/jest/config.main.js",
"test:native": "jest -c ../../scripts/jest/config.native.js",
"test:primitives": "jest -c ../../scripts/jest/config.primitives.js",
"test:integration": "jest -c ../../scripts/jest/config.integration.js --runInBand --forceExit",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"lint:size": "bundlesize",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "npm run build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@babel/traverse": "^7.4.5",
"@emotion/is-prop-valid": "^0.8.1",
"@emotion/stylis": "^0.8.3",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"merge-anything": "^2.2.5",
"shallowequal": "^1.1.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": {
"react": ">= 16.8.0",
"react-dom": ">= 16.8.0",
"react-is": ">= 16.8.0"
},
"devDependencies": {
"flow-bin": "^0.100.0",
"prop-types": "^15.7.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-frame-component": "^4.0.2",
"react-is": "^16.8.6",
"react-native": "^0.59.8",
"react-primitives": "^0.8.0",
"react-test-renderer": "^16.8.6",
"stylis-rtl": "^1.0.1"
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "14kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\n> ⚠️ **CANARY:** This is the `canary` branch of `styled-components`. It is published under the\n> `@alpha` tag on npm and contains new features and changes for the next major version.\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## Upgrading from v4\n\n1. `npm install styled-components@alpha react@^16.8 react-dom@^16.8 react-is@^16.8`\n1. ??\n1. Profit!\n\n> Note that integrations like `jest-styled-components` that make use of internals will need to be updated to work with v5 and likely will not work properly during the alpha/beta period.\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.styled-components.com/docs/basics)\n- [API Reference](https://styled-components.com/docs/api)\n- [Theming](https://www.styled-components.com/docs/advanced#theming)\n- [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n- [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Babel Macro\n\nIf you're using tooling that has babel-plugin-macros set up, you can switch to the `styled-components/macro` import path instead to gain the effects of the babel plugin without further setup.\n\n```js\nimport styled from 'styled-components/macro';\n\n// A static className will be generated for Title (important for SSR)\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n```\n\nIf you wish to provide configuration options to the babel plugin similar to how you would in a `.babelrc`, [see this guide](https://github.com/kentcdodds/babel-plugin-macros/blob/master/other/docs/author.md#config-experimental). The config name is `\"styledComponents\"`.\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"_id": "styled-components@5.0.0-beta.8",
"dist": {
"shasum": "ad1e672589a891987f5492cbe3ca6f480fcd99dc",
"integrity": "sha512-g4MrDmfaoR2jJnA56+JSTFf1ZsDpJYdvTyQSw3HWOHoV/KlCgaSFmU8TrHfTy7DwWQskxyX//IQInNZdn4mGcA==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-5.0.0-beta.8.tgz",
"fileCount": 42,
"unpackedSize": 1219763,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdGhe2CRA9TVsSAnZWagAAeScP/jeNgY8NFocaKFY5HxSd\nl07hE8gsZ3cOvjMpSTpbPuSqUyyGyHqQM4Nr991Ri0Q4zl52X9fAeFJDi7DK\nY5BWNU/EAJrontDgCIf3ceWZJhM/316cL8TgCEnGXDUT7J5cYOazzk0vsCdI\nz0faM7xEvIdggCtoXLcqQ+Lao17RgXBMtijYucuabGi7NPRMUhdY43zYtCj+\n89bH0LLL2P4iD0JMhqNF+18+fhYNALYqDJq2lhtyw3scx9y08/JvFFEH+KfH\nVkufBOanfPrTvWtJqUg00LOw+kkd1f5IsI/CMbRMDcAJDs3SehAQvVfy0Lg2\n543l9jkA9FLErBzbHZVrDmrzQQS17vntimO3CeIxioOF2UwY7RNCUmmC9caZ\nu5p0WjaOBYZgo/f0tDXElMnVqwPNKjQ9MoXZscft1F8O6wqfh054rvRS6xx6\nUrLdFj7I9b2fZSiV2AZBIx4m4qeMBmjiVK7ryTqOqPE7WQpFZEVAq+aaHn4j\nuCKmO1gGytaZR0OFm+HH9wwXKP9jDj4rK68G9zlOqtiCH+g3k7yDHkZPGfCy\nVV8SXBbije6NHNea3K5bpUrSYs0p+Xei/43Pf+Sqea50BG2XfXi6IeeL3XvT\nxoExPvQA6G3Pi5xunrcDPYju8hy4rOQJYfuW3hGahFntVfFyZXOmXPr2lUXR\neCjZ\r\n=DfQ7\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_5.0.0-beta.8_1561991093828_0.2845291306550424"
},
"_hasShrinkwrap": false
},
"5.0.0-beta.8-groupsizefix": {
"name": "styled-components",
"version": "5.0.0-beta.8-groupsizefix",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"generateErrors": "node scripts/generateErrorMap.js",
"prebuild": "rimraf dist && npm run generateErrors",
"build": "rollup -c",
"postbuild": "npm run lint:size",
"flow": "flow check",
"flow:watch": "flow-watch",
"pretest": "npm run generateErrors",
"test": "npm run test:web && npm run test:native && npm run test:primitives",
"test:web": "jest -c ../../scripts/jest/config.main.js",
"test:native": "jest -c ../../scripts/jest/config.native.js",
"test:primitives": "jest -c ../../scripts/jest/config.primitives.js",
"test:integration": "jest -c ../../scripts/jest/config.integration.js --runInBand --forceExit",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"lint:size": "bundlesize",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "npm run build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@babel/traverse": "^7.4.5",
"@emotion/is-prop-valid": "^0.8.1",
"@emotion/stylis": "^0.8.3",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"merge-anything": "^2.2.5",
"shallowequal": "^1.1.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": {
"react": ">= 16.8.0",
"react-dom": ">= 16.8.0",
"react-is": ">= 16.8.0"
},
"devDependencies": {
"flow-bin": "^0.100.0",
"prop-types": "^15.7.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-frame-component": "^4.0.2",
"react-is": "^16.8.6",
"react-native": "^0.59.8",
"react-primitives": "^0.8.0",
"react-test-renderer": "^16.8.6",
"stylis-rtl": "^1.0.1"
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "14kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\n> ⚠️ **CANARY:** This is the `canary` branch of `styled-components`. It is published under the\n> `@alpha` tag on npm and contains new features and changes for the next major version.\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## Upgrading from v4\n\n1. `npm install styled-components@alpha react@^16.8 react-dom@^16.8 react-is@^16.8`\n1. ??\n1. Profit!\n\n> Note that integrations like `jest-styled-components` that make use of internals will need to be updated to work with v5 and likely will not work properly during the alpha/beta period.\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.styled-components.com/docs/basics)\n- [API Reference](https://styled-components.com/docs/api)\n- [Theming](https://www.styled-components.com/docs/advanced#theming)\n- [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n- [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Babel Macro\n\nIf you're using tooling that has babel-plugin-macros set up, you can switch to the `styled-components/macro` import path instead to gain the effects of the babel plugin without further setup.\n\n```js\nimport styled from 'styled-components/macro';\n\n// A static className will be generated for Title (important for SSR)\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n```\n\nIf you wish to provide configuration options to the babel plugin similar to how you would in a `.babelrc`, [see this guide](https://github.com/kentcdodds/babel-plugin-macros/blob/master/other/docs/author.md#config-experimental). The config name is `\"styledComponents\"`.\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"_id": "styled-components@5.0.0-beta.8-groupsizefix",
"dist": {
"shasum": "0497f11c0d60e9e51faa4b802afab7cc22136e42",
"integrity": "sha512-5FDDRE4QhH8g6zsvHGPZ2NrJRi12AH1GxpZMy+y0lRYGrfNL6W5xni5Sz8kOKXS4PGf1VeyfVXaEG10mbrQYsA==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-5.0.0-beta.8-groupsizefix.tgz",
"fileCount": 42,
"unpackedSize": 1219629,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdXqLbCRA9TVsSAnZWagAAANkP/ReckvrPW7s9MoUPzQWj\n9YQgS7KdM/XoMhvDCE2ihHZ11FfB5eHmvLefOyKREKkbWsYCY5uTwqXfHq26\n7tlu6LJnOEIqSyvMfaZI5x3kQTEnZN+hUtRK+YRdW6kVyaB7St8T0dZ0WORb\nfTD5zXMuNSy6IFJk5VvfcZgJFz1dNueyLSl+xhyIo8j+LuFyF20qN5+FXJ53\nWkk0mbVe1svJAqI4BwAoFQUzvNH036rFSbSbndxFtBiaGOFQmLk4o17laEpP\nZTe3TzxfKUhHRj7qPVqT8XsDhbh8Lm/XmALK5WYltybrnoH4wwmK5TR7nNjH\nw+xLI1rnmlWQ6SUzR82WD7nJi3lOtThe7EbD7TSYABhNpuoZ36PYob4rzqRF\nneG4mUJEco1AO7EThf1vEFEWf01jMjb44z1JaFvmhqLEgOq+2LnPI5fnCiWM\nzyG204/KaEEgaGf6RFKkrlJXSdlCoXD1BGC2+BIUZSQH6Izy7YWbVQN0KF3/\n/gaF9WQq1B+Dsuhmt3wsBBMnHuEYNvlhRwzkl0AtD11PPn1/DlkyCksd8Z7O\nDmkbTkpk/WvyIDHFpc2dXy0fUdL/krjVXsU0NCntyzL8iCD57r0JrtpM6PAT\nO9xSJVcuCDa6SnZ6V7PXJ+3J1WgYjjqGjV8bBEY5ZAnoqGQ1dFCZYwGivmZH\nmAKE\r\n=YDN4\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_5.0.0-beta.8-groupsizefix_1566483162275_0.41812836773093"
},
"_hasShrinkwrap": false
},
"5.0.0-beta.9": {
"name": "styled-components",
"version": "5.0.0-beta.9",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"generateErrors": "node scripts/generateErrorMap.js",
"prebuild": "rimraf dist && npm run generateErrors",
"build": "rollup -c",
"postbuild": "npm run lint:size",
"flow": "flow check",
"flow:watch": "flow-watch",
"pretest": "npm run generateErrors",
"test": "npm run test:web && npm run test:native && npm run test:primitives",
"test:web": "jest -c ../../scripts/jest/config.main.js",
"test:native": "jest -c ../../scripts/jest/config.native.js",
"test:primitives": "jest -c ../../scripts/jest/config.primitives.js",
"test:integration": "jest -c ../../scripts/jest/config.integration.js --runInBand --forceExit",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"lint:size": "bundlesize",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "npm run build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@babel/traverse": "^7.4.5",
"@emotion/is-prop-valid": "^0.8.1",
"@emotion/stylis": "^0.8.3",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"merge-anything": "^2.2.5",
"shallowequal": "^1.1.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": {
"react": ">= 16.8.0",
"react-dom": ">= 16.8.0",
"react-is": ">= 16.8.0"
},
"devDependencies": {
"flow-bin": "^0.100.0",
"prop-types": "^15.7.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-frame-component": "^4.0.2",
"react-is": "^16.8.6",
"react-native": "^0.59.8",
"react-primitives": "^0.8.0",
"react-test-renderer": "^16.8.6",
"stylis-rtl": "^1.0.1"
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "14kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\n> ⚠️ **CANARY:** This is the `canary` branch of `styled-components`. It is published under the\n> `@alpha` tag on npm and contains new features and changes for the next major version.\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## Upgrading from v4\n\n1. `npm install styled-components@alpha react@^16.8 react-dom@^16.8 react-is@^16.8`\n1. ??\n1. Profit!\n\n> Note that integrations like `jest-styled-components` that make use of internals will need to be updated to work with v5 and likely will not work properly during the alpha/beta period.\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.styled-components.com/docs/basics)\n- [API Reference](https://styled-components.com/docs/api)\n- [Theming](https://www.styled-components.com/docs/advanced#theming)\n- [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n- [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Babel Macro\n\nIf you're using tooling that has babel-plugin-macros set up, you can switch to the `styled-components/macro` import path instead to gain the effects of the babel plugin without further setup.\n\n```js\nimport styled from 'styled-components/macro';\n\n// A static className will be generated for Title (important for SSR)\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n```\n\nIf you wish to provide configuration options to the babel plugin similar to how you would in a `.babelrc`, [see this guide](https://github.com/kentcdodds/babel-plugin-macros/blob/master/other/docs/author.md#config-experimental). The config name is `\"styledComponents\"`.\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"_id": "styled-components@5.0.0-beta.9",
"dist": {
"shasum": "12943e3d5b2f7035e821ccb0c7bed3ae996c74d8",
"integrity": "sha512-kAehGNjhGjGLxT6sHUDQtMlKn9aE3Vpz4vMoYzRezK4ewcbdGx65IAcMyg6AHq1+di+LjUnlURBWaW71NdCHnA==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-5.0.0-beta.9.tgz",
"fileCount": 42,
"unpackedSize": 1221374,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdiAi9CRA9TVsSAnZWagAAmywP+QF08PmS9VX+gs0XtZa2\nOQ6J4OfKKWso0asYPdbLxSTayUYlTGZX7vJzVKvbRffhU761sDjbXjDKS2RC\nMh6pqZ3awpwMAbHOB3wjwWqzbl0B0/wWSwWwqkkvoleZyKVTtSSglKLt3oIj\nmy7n8RgLCzZUk7BNFmn+MeTacFsZZbkByQFtaxIGIVCLMKacpDOvwB1HU2gi\ni38SjvJ5vVNz7UpdiWrpqo90QGC61HAx10u6FqXcuq2fvt1/xEul02G2QbOV\n2f5gCjRBhLR82I7vOVngbe3Al2jo4+AZ8o1b8ZgaMDBXPMsrup56ApXco+Ta\nUbGaeM8O8KVceEKaoWDAXSGpVXz6wDAxIoUrzEm9OGsHu9bjTygaXQXBppv0\nTiUMEqrvhPOls86A/pfIxPt9yBEGIoq32JY9cIKXVKEO85SBbe9wz664V9xu\nBmq+MTJjqXlNyJLLJfZW4MWZjPYhhmd6w/y9ofwgF1I9IBvMlbJCBGhvbwNA\nKgBzRrcKNM8qbiQE/mreQL3DLZGbzmTJ6No+DTXpVPPVsJ3JWWw+kNI+dRZR\nnVQZdoX9O7iun2HfLqQNcCTChyRth64c57g9KoqeN4x3DQbhlDjKu1SA//4o\n99thKDa4+sRnR6raeWkRlyrFvdtc8jb4s8zJZNGoQ4CPaf5cHkvEtu0LQNxn\nMOGZ\r\n=U5un\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_5.0.0-beta.9_1569196220965_0.6652808600954516"
},
"_hasShrinkwrap": false
},
"4.4.0": {
"name": "styled-components",
"version": "4.4.0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@babel/traverse": "^7.0.0",
"@emotion/is-prop-valid": "^0.8.1",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"memoize-one": "^5.0.0",
"merge-anything": "^2.2.4",
"prop-types": "^15.5.4",
"react-is": "^16.6.0",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": { "react": ">= 16.3.0", "react-dom": ">= 16.3.0" },
"devDependencies": {
"react": "^16.6.1",
"react-dom": "^16.6.1",
"react-frame-component": "^4.0.2",
"react-native": "^0.56.0",
"react-primitives": "^0.6.1",
"react-test-renderer": "^16.6.1"
},
"jest": {
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16.25kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"_id": "styled-components@4.4.0",
"dist": {
"shasum": "4e381e2dab831d0e6ea431c2840a96323e84e21b",
"integrity": "sha512-xQ6vTI/0zNjZ1BBDRxyjvBddrxhQ3DxjeCdaLM1lSn5FDnkTOQgRkmWvcUiTajqc5nJqKVl+7sUioMqktD0+Zw==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.4.0.tgz",
"fileCount": 41,
"unpackedSize": 1612209,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdiMlECRA9TVsSAnZWagAAhwEP/1/xQuVkuFNYde8SrqEF\nhnK49hQi12eNSBptbgZZ9D2PINKP+io2F0hidhp4ou29IPpJc5n+PxMsyodT\n1uoe1YtazozG3KGD6T7fJr2xyOzcnjt+AnxBZgxg7iQxB537zlUfflyul5Ev\nC9XizcFllTsZuCaqpXHgAhv2Kk38KEGv/oiC4crG1i41dyTD6VmQn2Jz+yeD\nNsgLwU8KnZfK47zEqaax/sJmwQC4cnLLzmI/QUz/h05DCyDwjtzUNsSquWCt\n/fPmDN2apQtj1h70JZjxF/nrfvHbp+eqFXeZDgRcxJbeFmdPww4aJY6x3HZK\neqVCb6uGE7RQuc2p0yyNgNhPP15hGz2h6C1xac1jEA2MY+ERwZjNvW0idyLn\nEJ2JUb2DXTmc2D/iV2tlU70397CkTcLBCj1j1UXysNADQcsdGlKxzQasGjWn\n+nMmIC+hKPImceOjF8lzmIGm0z1cpP31LK+A7gjeJGERiU+T4EfvkrxIeit8\nxDLHaL9p/dZWO2BDTix/bFx8JwqtRh8A+X18qH9GCBrktZMBr4787fj9X+Ao\nhoXDiyFB/CMcHmrBISF8pDcu/pi4KvUDNwELYK5y4EU1gk9lIodiwR985Ztz\nuMxboZssgK1pG3ewisj+SjdJ84KVWY5AbmOhAK8HIQvpNkuTXnZ+c6ABujS+\ndlaH\r\n=fZWD\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.4.0_1569245507778_0.6095208213385719"
},
"_hasShrinkwrap": false
},
"4.4.0-reactnativewebfix": {
"name": "styled-components",
"version": "4.4.0-reactnativewebfix",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@babel/traverse": "^7.0.0",
"@emotion/is-prop-valid": "^0.8.1",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"memoize-one": "^5.0.0",
"merge-anything": "^2.2.4",
"prop-types": "^15.5.4",
"react-is": "^16.6.0",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": { "react": ">= 16.3.0", "react-dom": ">= 16.3.0" },
"devDependencies": {
"react": "^16.6.1",
"react-dom": "^16.6.1",
"react-frame-component": "^4.0.2",
"react-native": "^0.56.0",
"react-primitives": "^0.6.1",
"react-test-renderer": "^16.6.1"
},
"jest": {
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16.25kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"_id": "styled-components@4.4.0-reactnativewebfix",
"dist": {
"shasum": "101c4c93e6912c7823e43aaba4451f3bc866b4c1",
"integrity": "sha512-Y5WuPGEkw6bXabBc7vqaWOkgHAS/etltRE0VGcIebjKplrkDKdIXv8SvE8dAyfy+LMkcXfvAyiFrJN3wy3OyNg==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.4.0-reactnativewebfix.tgz",
"fileCount": 40,
"unpackedSize": 1603736,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnqH2CRA9TVsSAnZWagAAAagP/Rq93iwvX3o7za+6/OjM\np1C7XjjbT873QYwGO7zI1SxzbMQqHmOZAO2zkq53dnRH8yQQzq5lieeWRwKt\nMTjBKKDZk/sfTrxxbQRZUKwNvpA3SW9Q1PguA9OzRSyhVN24cPx0Rq8mk7Ux\n9Yz1ZSFNRlL8aJEI5d8T6tenbDyoelvoxZsGciX13CnCFIh1aKlmELrmAwJ6\nNCrCMcHqdS20/tcnir8ijeGXojlly/AGUflh2jMyEGciM5++j7ivYrU6VHzg\nKuC/Ycc3WjdSzWnCJDDpX+ufbKv+fNoebV2hO5P1eNLt4VqSh6dgVT24pa0+\nd6a9wCNR437oeoHC2buv2vy43zXRbd0Yja0l39FSBb1DsxzXm2T75BzxSNb6\n0bfTW4zETCjLgcocey0GdEu33funxkmtjVjgDs12rSFpGS/TeYgu1d06f52j\n8l+Vnw+Jx+rlGgyY+3nY2CtqPEzsnjdaspdJX/B93+4b8AHukJT60FNfrcA+\nkbbME8wN4MGVwHndEp/xaYFBZ6BNk9n3EsHA0veHExTMcgDMIji7XXONUkqs\n6JnhEE4AC9nLBHzx/FiTRdf8f3g08NtFwvANu/PCNLjILpqGg9aiL40Fyv2m\neOZKlJX9wTyHtakzzcO92iPn3V9NPiE90bu2nSSxVjZrrovP++9i4UZ98hHC\n9zq8\r\n=SazV\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.4.0-reactnativewebfix_1570677238065_0.35821519062624985"
},
"_hasShrinkwrap": false
},
"5.0.0-beta.10": {
"name": "styled-components",
"version": "5.0.0-beta.10",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"generateErrors": "node scripts/generateErrorMap.js",
"prebuild": "rimraf dist && npm run generateErrors",
"build": "rollup -c",
"postbuild": "npm run lint:size",
"flow": "flow check",
"flow:watch": "flow-watch",
"pretest": "npm run generateErrors",
"test": "npm run test:web && npm run test:native && npm run test:primitives",
"test:web": "jest -c ../../scripts/jest/config.main.js",
"test:native": "jest -c ../../scripts/jest/config.native.js",
"test:primitives": "jest -c ../../scripts/jest/config.primitives.js",
"test:integration": "jest -c ../../scripts/jest/config.integration.js --runInBand --forceExit",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"lint:size": "bundlesize",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "npm run build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@babel/traverse": "^7.4.5",
"@emotion/is-prop-valid": "^0.8.1",
"@emotion/stylis": "^0.8.3",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"merge-anything": "^2.2.5",
"shallowequal": "^1.1.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": {
"react": ">= 16.8.0",
"react-dom": ">= 16.8.0",
"react-is": ">= 16.8.0"
},
"devDependencies": {
"flow-bin": "^0.100.0",
"prop-types": "^15.7.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-frame-component": "^4.0.2",
"react-is": "^16.8.6",
"react-native": "^0.59.8",
"react-primitives": "^0.8.0",
"react-test-renderer": "^16.8.6",
"stylis-rtl": "^1.0.1"
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "14kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"_id": "styled-components@5.0.0-beta.10",
"dist": {
"shasum": "2a5a2a03f0b0e49bc978f6deb4e07814b5903b89",
"integrity": "sha512-DFNhDQ25tQ3vMKxqqSEQETU0uj7ZcwpjAol68SCNKdtkGbQG4Fq9GppoCbYH9bT8LFm7Bd7g1X/lnszWG67Ksw==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-5.0.0-beta.10.tgz",
"fileCount": 41,
"unpackedSize": 1213147,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrTJWCRA9TVsSAnZWagAA2+wP/jlnLgALGXGvG6kS8p2i\ngQprcu/vgNuBU3zlmaNLr+0dz6TUkfb9rBt1ROyKhSQDmXmOyXr74+Do8noO\n1rgiuP9R1qQy6sGc4QkbLAPaxXMh57DHrVtdUqScdzSOpKvUMwoI+6UzMX60\ndRG67S1KQRPfzQiNrgAOc1rV/njdPa55bBVNf1/1bSEiU7bPaGU8fIaGgHZg\nt976tYXoprkRiqQCR0JmYnFiWYuKDeUB58HBvPMg+I/pRIDSgZzdFasSFx1c\niudegycPcNpXU86Ke+/q/TpIzkUx9RCbt1GJ+WQ6BjUsKgKbUGdq+O8R4Mqq\n19gx6GHBoHuXHCKHRw9dxgKcV0HMBtvFoe+gnQa7rzbplgIoR3QOV2+qCbzs\nqoIZBsCSMRQ50dUqLYkmgtsCYWK1/ZLir/2DQ+qJqjp5kVS9j8GAdCQQNthM\nQB0zWEi2Af4Q7X+wb/qf6FYxo+ODw0oGbEQKtyCSfP0anXJOyhsoxe6TR+2W\nI08YMTCChEWSof2z/qDYeW8YMaRlxmLCQxgUNtAIP/0YNDdG5qW9ykpQCBA6\nYB86U4N7OaRSy3VHdL8UW9jAjP9Ln1X2/62UN2LcXZTERtHTMbbAILryACOZ\n65yXNErCD7QGOlwC7apNKKsh18kGWxtUEGivEHuPebtrnAb+BqHXakr+H7s2\nloYA\r\n=TU62\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_5.0.0-beta.10_1571631702002_0.603004886336411"
},
"_hasShrinkwrap": false
},
"5.0.0-beta.10-rulefix": {
"name": "styled-components",
"version": "5.0.0-beta.10-rulefix",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"generateErrors": "node scripts/generateErrorMap.js",
"prebuild": "rimraf dist && npm run generateErrors",
"build": "rollup -c",
"postbuild": "npm run lint:size",
"flow": "flow check",
"flow:watch": "flow-watch",
"pretest": "npm run generateErrors",
"test": "npm run test:web && npm run test:native && npm run test:primitives",
"test:web": "jest -c ../../scripts/jest/config.main.js",
"test:native": "jest -c ../../scripts/jest/config.native.js",
"test:primitives": "jest -c ../../scripts/jest/config.primitives.js",
"test:integration": "jest -c ../../scripts/jest/config.integration.js --runInBand --forceExit",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"lint:size": "bundlesize",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "npm run build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@babel/traverse": "^7.4.5",
"@emotion/is-prop-valid": "^0.8.1",
"@emotion/stylis": "^0.8.3",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"merge-anything": "^2.2.5",
"shallowequal": "^1.1.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": {
"react": ">= 16.8.0",
"react-dom": ">= 16.8.0",
"react-is": ">= 16.8.0"
},
"devDependencies": {
"flow-bin": "^0.100.0",
"prop-types": "^15.7.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-frame-component": "^4.0.2",
"react-is": "^16.8.6",
"react-native": "^0.59.8",
"react-primitives": "^0.8.0",
"react-test-renderer": "^16.8.6",
"stylis-rtl": "^1.0.1"
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "14kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"_id": "styled-components@5.0.0-beta.10-rulefix",
"dist": {
"shasum": "cae7df8cb5abc778a5e24ae39bbf2c4129845837",
"integrity": "sha512-GkTJXbFz9HScnou560pIaZTfOKI7tX5H6HqOz8StSHFVdoe/aHESPWlWSJKcrgccdloAAgh2m/vOMVQJbdBguQ==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-5.0.0-beta.10-rulefix.tgz",
"fileCount": 41,
"unpackedSize": 1211634,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrTeFCRA9TVsSAnZWagAA2vQP/iHTvkYhxD4SWriONFaJ\noBtkjrgzXmqDQploeZdUFmXhzgJKGILfOr5Twp23P3M19ugvHenphvAqGTv0\nYp5AX9IMDwt3hLphv0TsLVJY2u/pAIoVCBy4TV0UDkpyfdIbySEfTMtMnEgP\nX7ZXgUny7AlfO7oswYqpRKcfuuZOkdkZlmcWDuNh51mvQtwo3trqkdsVEAOf\nzEgiUbTM2OetxHsm40Xn3jvEA4kK5URpx8XcUyG4tCM71QuINEdwrxSqC698\noxRb2ZLaXe6kJIPXOU0QvB2Qfy4S+rn4YAC1aeQJzRFZ0lmna0XzztwYcb3b\ndpUJqx+cE5VenmE2FDXBEJ153sktmHBk80b9ZCqcNp1K2OLaXT1o2aoyPeI8\nWldXtpb4gjptS+R4Hywf6LDtTTB/76WCNUYb+yDAD8W65DK3XLkeydf2AiEA\nKohxPY0e5YsUiMJRm6dTEPRjSvQPxax6Lk96cMJmA+PM823pUsZM1HUG86ss\njCP7172mFueP2qEs7usY3smeX68KJwP/nJvLSSImvxZzDGbBdMBzb9Ax+6le\nJQEpplCsWgl1PEUm+jJ+IcXny4MJs01i76JNaC2+IMLMntfSBzBtIEIKENdp\nM65GRXfR76AOYkT68RN09f0UEO37MYKIsU9W9YroYPz9bmOJ6HPswTp8hsih\ne0XM\r\n=5/5I\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_5.0.0-beta.10-rulefix_1571633028676_0.3555279205349713"
},
"_hasShrinkwrap": false
},
"5.0.0-beta.11": {
"name": "styled-components",
"version": "5.0.0-beta.11",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"generateErrors": "node scripts/generateErrorMap.js",
"prebuild": "rimraf dist && npm run generateErrors",
"build": "rollup -c",
"postbuild": "npm run lint:size",
"flow": "flow check",
"flow:watch": "flow-watch",
"pretest": "npm run generateErrors",
"test": "npm run test:web && npm run test:native && npm run test:primitives",
"test:web": "jest -c ../../scripts/jest/config.main.js",
"test:native": "jest -c ../../scripts/jest/config.native.js",
"test:primitives": "jest -c ../../scripts/jest/config.primitives.js",
"test:integration": "jest -c ../../scripts/jest/config.integration.js --runInBand --forceExit",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"lint:size": "bundlesize",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "npm run build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@babel/traverse": "^7.4.5",
"@emotion/is-prop-valid": "^0.8.1",
"@emotion/stylis": "^0.8.3",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"merge-anything": "^2.2.5",
"shallowequal": "^1.1.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": {
"react": ">= 16.8.0",
"react-dom": ">= 16.8.0",
"react-is": ">= 16.8.0"
},
"devDependencies": {
"flow-bin": "^0.100.0",
"prop-types": "^15.7.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-frame-component": "^4.0.2",
"react-is": "^16.8.6",
"react-native": "^0.59.8",
"react-primitives": "^0.8.0",
"react-test-renderer": "^16.8.6",
"stylis-rtl": "^1.0.1"
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "14kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"_id": "styled-components@5.0.0-beta.11",
"dist": {
"shasum": "8d038e03d9fe144b0884cd8e053ee3a93308e887",
"integrity": "sha512-fiHenjI4RSqGgaIqobdYdPOsQcB4zFKz3I0HVEXVVJMOyOsXpncmCy08h6N7ZVMfo9LBvRfzYamnIRqjxs4vbA==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-5.0.0-beta.11.tgz",
"fileCount": 41,
"unpackedSize": 1211578,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrTgyCRA9TVsSAnZWagAALyoP/3bHdgq+3wHbGZfudgne\n5pTPy1XwTf+jcVbXHGENaTYATtSmDtpFYLffdmU1EFNkMxMY1m32H8v6zJsV\n61uHEw6Or+Zl9/owKYKJhXkGbV5XqtLkCnXxUj0pMscgAK5OfE0b391YbaX+\n43ph9Bi89aFaN+eYgOGS44D+mdWIEBnjts2y4etvWk1bVJCCbOkcq0gtimQc\nE9P+7Xu43r7DRNerdd8VUnwq3yfn05vqlrZTSCigUujI/PESbcsONvgp7UQO\nQK1d/xxZSvKiIq+/W6qBI4P8+KwgwcegQ7lb1m9hoNMqWgroemOgnmMOK+vp\nOberI5oMsWyCVmYN8qTlOCr3Admcn83MibTf7LZIN2EvhfHD2V06GOK6yw7D\np+NOb2PsLCLafaXxZUcgwK7IfuKoZnWQCkMh7X5OZdkSM/bspoK14i6kExsA\n8nIqrMHh6bIqAFzyh/Scdz/VqJeb/usu+4Jy893FyqhzalfiXcdQWSN9rRoe\nfzLXZ9uVZnN6Gct0kC9hr4YtZhlqph32eRdc8RRo+snK29Q2sZwacVXYkRim\nNaQYGnE1pQ2H9qL+yA34UDNC+MglnUMRBd0YYAqujSywvLsCpQZ2cgwe+PwR\nAA3IE6R4cq1grREhO3lT3ndax00R+sMpTE+6kYstnmban+CzoqgABbArf0Ui\nNLNQ\r\n=0FIl\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_5.0.0-beta.11_1571633201776_0.2232121462096086"
},
"_hasShrinkwrap": false
},
"5.0.0-beta.11-cgsmulti": {
"name": "styled-components",
"version": "5.0.0-beta.11-cgsmulti",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"generateErrors": "node scripts/generateErrorMap.js",
"prebuild": "rimraf dist && npm run generateErrors",
"build": "rollup -c",
"postbuild": "npm run lint:size",
"flow": "flow check",
"flow:watch": "flow-watch",
"pretest": "npm run generateErrors",
"test": "npm run test:web && npm run test:native && npm run test:primitives",
"test:web": "jest -c ../../scripts/jest/config.main.js",
"test:native": "jest -c ../../scripts/jest/config.native.js",
"test:primitives": "jest -c ../../scripts/jest/config.primitives.js",
"test:integration": "jest -c ../../scripts/jest/config.integration.js --runInBand --forceExit",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"lint:size": "bundlesize",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "npm run build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@babel/traverse": "^7.4.5",
"@emotion/is-prop-valid": "^0.8.1",
"@emotion/stylis": "^0.8.3",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"merge-anything": "^2.2.5",
"shallowequal": "^1.1.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": {
"react": ">= 16.8.0",
"react-dom": ">= 16.8.0",
"react-is": ">= 16.8.0"
},
"devDependencies": {
"flow-bin": "^0.100.0",
"prop-types": "^15.7.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-frame-component": "^4.0.2",
"react-is": "^16.8.6",
"react-native": "^0.59.8",
"react-primitives": "^0.8.0",
"react-test-renderer": "^16.8.6",
"stylis-rtl": "^1.0.1"
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "14kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"_id": "styled-components@5.0.0-beta.11-cgsmulti",
"dist": {
"shasum": "7508217891f6fed56f3aeeedd711f958e2fb2962",
"integrity": "sha512-qzNrYVCkOAQMdX0AKe3f9jxKyRtp1myAXVfcqWzYAZbl+xd8wO2O5gtw3H3ycpTvI5S/ihqBNV6z6KZzGZXJmw==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-5.0.0-beta.11-cgsmulti.tgz",
"fileCount": 41,
"unpackedSize": 1206449,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrh/xCRA9TVsSAnZWagAARPEQAJSKXmjSLxSjpDfVQKWw\nnbpFnv7iVg3lEg3zV6jWs+tXfPVk8aNHml63IqXRrfy6X1NP0+JIBJLzYXz3\n4XU6okUYcPhF/lqM+4OkysvzMnDm/pSAxFyTX2BF7hX8z0sdLdk42lyHEKTA\nZlmZWRXG2AHBWtlqlwOY6Aj3fv3Vx8cmViogFz4d7q7Zw8Xd7SrF6hXfkMJ/\nOxRpmQEcbv78UUnkhOZw7q+NKdpAxiQCkgv+5bIpL6YSD9JcUap8QRZJKQiZ\ne7KEZjwtPUbSbsBLEROxkPJ9eDZWi2u3K1wXnkDqJLxKUtknCtXURNFlTFN5\nHBf0Ke4/lZjEwIaMk8YyXV7wk85egJwyYzPMCACxuB7jF4EZTGTT4+jhrfsm\nc6SMah59MCoeXuRZw8PgyQdmzrZVwjoDhUAk4gYE9TMn//z7WyDcNsDWFTru\nbOtQcV3FFwkFPuDJyeg0GY43W0erlEr0v7Zl7Fz1QX8fYuMXzpU1fMVUrx8p\n5x8ofWBsYASA+ZD7NMxbRqFlvS5a+HCK2FG+r4ax04R30ILiQLBmbIv5H44r\nIuCWByuKT1r+jTd0arotyyMgbIefqWZK5XE4NogwNSFjjCmfA500nH/r3JHI\n/w8pFF+qhsZAq5+0uU9HlJgl+2aGI//BloXFLSWtmEgdIXx8SOeDZAdFKYxp\nNOW4\r\n=f3+p\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_5.0.0-beta.11-cgsmulti_1571692528793_0.6669471932449362"
},
"_hasShrinkwrap": false
},
"5.0.0-rc.0": {
"name": "styled-components",
"version": "5.0.0-rc.0",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"generateErrors": "node scripts/generateErrorMap.js",
"prebuild": "rimraf dist && npm run generateErrors",
"build": "rollup -c",
"postbuild": "npm run lint:size",
"flow": "flow check",
"flow:watch": "flow-watch",
"pretest": "npm run generateErrors",
"test": "npm run test:web && npm run test:native && npm run test:primitives",
"test:web": "jest -c ../../scripts/jest/config.main.js",
"test:native": "jest -c ../../scripts/jest/config.native.js",
"test:primitives": "jest -c ../../scripts/jest/config.primitives.js",
"test:integration": "jest -c ../../scripts/jest/config.integration.js --runInBand --forceExit",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"lint:size": "bundlesize",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "npm run build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@babel/traverse": "^7.4.5",
"@emotion/is-prop-valid": "^0.8.3",
"@emotion/stylis": "^0.8.4",
"@emotion/unitless": "^0.7.4",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^3.0.0",
"mixin-deep": "^2.0.1",
"shallowequal": "^1.1.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": {
"react": ">= 16.8.0",
"react-dom": ">= 16.8.0",
"react-is": ">= 16.8.0"
},
"devDependencies": {
"flow-bin": "^0.100.0",
"prop-types": "^15.7.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-frame-component": "^4.0.2",
"react-is": "^16.8.6",
"react-native": "^0.59.8",
"react-primitives": "^0.8.0",
"react-test-renderer": "^16.8.6",
"stylis-rtl": "^1.0.1"
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "14kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\n> ⚠️ **CANARY:** This is the `canary` branch of `styled-components`. It is published under the\n> `@beta` tag on npm and contains new features and changes for the next major version.\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n```jsx\nconst Button = styled.button`\n color: grey;\n`;\n```\n\nAlternatively, you may use [style objects](https://www.styled-components.com/docs/advanced#style-objects). This allows for easy porting of CSS from inline styles, while still supporting the more advanced styled-components capabilities like component selectors and media queries.\n\n```jsx\nconst Button = styled.button({\n color: 'grey',\n});\n```\n\nEquivalent to:\n\n```jsx\nconst Button = styled.button`\n color: grey;\n`;\n```\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## Upgrading from v4\n\n1. `npm install styled-components@beta react@^16.8 react-dom@^16.8 react-is@^16.8`\n1. ??\n1. Profit!\n\n> Note that integrations like `jest-styled-components` that make use of internals will need to be updated to work with v5 and likely will not work properly during the alpha/beta period.\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.styled-components.com/docs/basics)\n- [API Reference](https://styled-components.com/docs/api)\n- [Theming](https://www.styled-components.com/docs/advanced#theming)\n- [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n- [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Babel Macro\n\nIf you're using tooling that has babel-plugin-macros set up, you can switch to the `styled-components/macro` import path instead to gain the effects of the babel plugin without further setup.\n\n```js\nimport styled from 'styled-components/macro';\n\n// A static className will be generated for Title (important for SSR)\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n```\n\nIf you wish to provide configuration options to the babel plugin similar to how you would in a `.babelrc`, [see this guide](https://github.com/kentcdodds/babel-plugin-macros/blob/master/other/docs/author.md#config-experimental). The config name is `\"styledComponents\"`.\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"_id": "styled-components@5.0.0-rc.0",
"dist": {
"shasum": "9a8b3e6d45c268f6cc2c8c5199ac504e349d847e",
"integrity": "sha512-eECRIV1kHi2f3ASoRUDKEtNEuYy6WV5HuNcCXfN5XMt4s50oGU7dPuGXTUkhqvwYw6u13+ky3TxCLEZOxUVP6Q==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-5.0.0-rc.0.tgz",
"fileCount": 42,
"unpackedSize": 1214754,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJduc13CRA9TVsSAnZWagAAMRQP/2zPomPq175UKW2OcRHN\nu6cRSz7SlHVwf8dhdnaHI2KQtnvnDu+1aSQv9ZhhpGt/XFpB5flj2zPyyDU4\nEWl8gzv46RZWM3DmJuLliwhidhsEv771Q4iPPER/dHPff0Z4QToXb6hgZyed\nCa3Qx/ACSlZVIYArepSQrwgvYhx8Q7OwfnokICu/aYP7mEQpsZMC/diHJYDF\nlofqDo3R5ntWX0ecDeTAjVyMAV/r3JtgmhfveeaiAyx7VypKIr0MmZf/r6KQ\nVlChX7z1mTLMCptsNlq7r+2r+BH+9uVYYy5TuYa5F0xZ4gZv9UPocJ5mycJJ\nhFSMyDroVm+yR/76azqkEEluCnKfwN+4LUqcFxcKByp3c3gE5Zrz5PZKCJn8\n3fC0uvPZOnGKqzieCGCKRYyHa+eZjq+qGDNucodXuZAURIdZoX8BUPL0y72E\nkNOlC2sIB3vE0Mxxk1C3gtSVmfgvrWhnxzNydZ4RA5BPH+qtzlXco64TJ+eq\nbWoVyiqRqZgzUi5PXGAnCMhr1U9sKSOa9h6/TV0DSgoTPa+mptoqqjE/Sm5B\nyAVjAAtgukSMydQYaYCbtLs52wDYbR8mrrwuNEAQACx9Car50p6Zws7mI6yj\nRffD9PlVfK+DDow2aizuWbg0dWB8oh1A3ZGPA1Pxl6KCxPHFB5bwM4pc2FW0\njDe/\r\n=DDAm\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_5.0.0-rc.0_1572457847162_0.7062417901957567"
},
"_hasShrinkwrap": false
},
"4.4.1": {
"name": "styled-components",
"version": "4.4.1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"build": "rollup -c",
"prebuild": "rimraf dist",
"size": "bundlesize",
"flow": "flow check",
"flow:watch": "flow-watch",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "run-s build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"prebenchmarks": "yarn run build:benchmarks",
"benchmarks": "node benchmarks/run-headless.js",
"build:benchmarks": "(cd benchmarks && yarn && yarn run build)",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@babel/traverse": "^7.0.0",
"@emotion/is-prop-valid": "^0.8.1",
"@emotion/unitless": "^0.7.0",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^2.2.2",
"memoize-one": "^5.0.0",
"merge-anything": "^2.2.4",
"prop-types": "^15.5.4",
"react-is": "^16.6.0",
"stylis": "^3.5.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": { "react": ">= 16.3.0", "react-dom": ">= 16.3.0" },
"devDependencies": {
"react": "^16.6.1",
"react-dom": "^16.6.1",
"react-frame-component": "^4.0.2",
"react-native": "^0.56.0",
"react-primitives": "^0.6.1",
"react-test-renderer": "^16.6.1"
},
"jest": {
"testURL": "http://localhost",
"clearMocks": true,
"roots": ["<rootDir>/src/"],
"setupFiles": ["raf/polyfill", "<rootDir>/src/test/globals.js"],
"setupTestFrameworkScriptFile": "<rootDir>/test-utils/setupTestFramework.js",
"testPathIgnorePatterns": [
"<rootDir>/src/native",
"<rootDir>/src/primitives"
]
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "16.25kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"_id": "styled-components@4.4.1",
"dist": {
"shasum": "e0631e889f01db67df4de576fedaca463f05c2f2",
"integrity": "sha512-RNqj14kYzw++6Sr38n7197xG33ipEOktGElty4I70IKzQF1jzaD1U4xQ+Ny/i03UUhHlC5NWEO+d8olRCDji6g==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-4.4.1.tgz",
"fileCount": 41,
"unpackedSize": 1606508,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdudKhCRA9TVsSAnZWagAAj7oQAIuH9LmPS1m01yzaIttj\n+lTdf2NnRljsQEorMsmdrYQ4KgrfJ8+w34aixlvDp6IDRNCTRJEeanrZBilb\n++os1ngkwrAprNXZQfFsD0NDGjlQraQgpSWP2RGOUKNNldZ/0Wk9spvA8dG7\ndJutTJCGKkep5DGjaIv3I7TY8YNDOgfxLB7yPIM971EEgFlrzr6fUS77e/M2\nL42ECmXRXCEXkhx9HEHms+qIW/0m2KWH4q1TFdPZLgx1Q+NO5bCkRUgTDPo2\nSWG9aiUl3FbJeC5Jsqi3n+2O3s+vH7MOIl40vuTV9vZ06XOLnlNJ7bEo5z8C\nBrAOYmqNQSUo+rmY7qqzU3sNOKMzFJBrPo5tr4mmP4Jb4qcv52fp5/JIO9Tn\nWqI6x4KOVNE5bjjRUAhGExx9JMLCA5pzHbS61m+aGkUTnnJocz601/ihQsnV\nZ08BiRFNhK499OewNB2tOrPLkCTelX3/yrRMXP4rZXyxm80ChigyVePQqKsZ\nWbh7/A3OqR0ydXNUP/pwdmrOsBAyseDlqwIrwyTd7XckcUFShTMWZLfVFVgc\n6JRHfEKJqpEEHgv3aXd5ShYNukWqo00fhJjgHwGq3rtgBeg/Aay4xKAn+kRJ\nf8bnD0oeAYG1Gmnd5iWDMhY/47Q+TeI6P0ampDJsvl4603beJE2GCVykwOVz\nC+Ij\r\n=aEYO\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_4.4.1_1572459168926_0.7809048878010969"
},
"_hasShrinkwrap": false
},
"5.0.0-rc.1": {
"name": "styled-components",
"version": "5.0.0-rc.1",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"generateErrors": "node scripts/generateErrorMap.js",
"prebuild": "rimraf dist && npm run generateErrors",
"build": "rollup -c",
"postbuild": "npm run lint:size",
"flow": "flow check",
"flow:watch": "flow-watch",
"pretest": "npm run generateErrors",
"test": "npm run test:web && npm run test:native && npm run test:primitives",
"test:web": "jest -c ../../scripts/jest/config.main.js",
"test:native": "jest -c ../../scripts/jest/config.native.js",
"test:primitives": "jest -c ../../scripts/jest/config.primitives.js",
"test:integration": "jest -c ../../scripts/jest/config.integration.js --runInBand --forceExit",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"lint:size": "bundlesize",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "npm run build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@babel/traverse": "^7.4.5",
"@emotion/is-prop-valid": "^0.8.3",
"@emotion/stylis": "^0.8.4",
"@emotion/unitless": "^0.7.4",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^3.0.0",
"shallowequal": "^1.1.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": {
"react": ">= 16.8.0",
"react-dom": ">= 16.8.0",
"react-is": ">= 16.8.0"
},
"devDependencies": {
"flow-bin": "^0.100.0",
"prop-types": "^15.7.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-frame-component": "^4.0.2",
"react-is": "^16.8.6",
"react-native": "^0.59.8",
"react-primitives": "^0.8.0",
"react-test-renderer": "^16.8.6",
"stylis-rtl": "^1.0.1"
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "14kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\n> ⚠️ **CANARY:** This is the `canary` branch of `styled-components`. It is published under the\n> `@beta` tag on npm and contains new features and changes for the next major version.\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n```jsx\nconst Button = styled.button`\n color: grey;\n`;\n```\n\nAlternatively, you may use [style objects](https://www.styled-components.com/docs/advanced#style-objects). This allows for easy porting of CSS from inline styles, while still supporting the more advanced styled-components capabilities like component selectors and media queries.\n\n```jsx\nconst Button = styled.button({\n color: 'grey',\n});\n```\n\nEquivalent to:\n\n```jsx\nconst Button = styled.button`\n color: grey;\n`;\n```\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## Upgrading from v4\n\n1. `npm install styled-components@beta react@^16.8 react-dom@^16.8 react-is@^16.8`\n1. ??\n1. Profit!\n\n> Note that integrations like `jest-styled-components` that make use of internals will need to be updated to work with v5 and likely will not work properly during the alpha/beta period.\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.styled-components.com/docs/basics)\n- [API Reference](https://styled-components.com/docs/api)\n- [Theming](https://www.styled-components.com/docs/advanced#theming)\n- [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n- [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Babel Macro\n\nIf you're using tooling that has babel-plugin-macros set up, you can switch to the `styled-components/macro` import path instead to gain the effects of the babel plugin without further setup.\n\n```js\nimport styled from 'styled-components/macro';\n\n// A static className will be generated for Title (important for SSR)\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n```\n\nIf you wish to provide configuration options to the babel plugin similar to how you would in a `.babelrc`, [see this guide](https://github.com/kentcdodds/babel-plugin-macros/blob/master/other/docs/author.md#config-experimental). The config name is `\"styledComponents\"`.\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"_id": "styled-components@5.0.0-rc.1",
"dist": {
"shasum": "c94f7f5b04a7d73875d86fcb07db434391a633c2",
"integrity": "sha512-8YpQtS+w1UmjJVjWx/fVFsyp22KT3rnNuMWRk9zIrjz+x8BSZVaIPLfpVSeG4p81LpH1cQTNSXAZ1lZwBHpRUQ==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-5.0.0-rc.1.tgz",
"fileCount": 42,
"unpackedSize": 1234070,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdux5yCRA9TVsSAnZWagAA/fcP/ROl0lQGhd9j8/Qd+wbx\nEFcO2UIT5aNFgCUvbn3kBLERWRPCSiMdoWL6HIXja8TlljIpIUM98OQtV/1L\ny1cZUSpelPvA7EGCW7rp7opFt3DbsIGoTeipaPpmszLstS2EX9WHu5laeUQd\noQjLY9+dOe4Cp+vrd8MWWDTvublbAQ7xutPfGrCd0lBnnsTJF+MCZhiKvLpL\n2lyWFNWa+JIkIyuPUrxyyJ84n/5OHbL/skXKIWh2CcAYEVYet78rZjlB5eOV\nTPBYxi9vUbbHoUuDh/hbuvOkiClZoOWTboHcM8vjWsuMExoj2wOKbVz/s7xa\nHXjrBujmK+61qRCWfgyxdB5O3cA7ccAiHGtMAH/qSy9/oRDuS8kG8GuUrTDp\n5Uz0UPNeD6k03TeMeBhvsQfN/wx5En/pw6WJUimqmY1mKfamYp2HRVSvKDJQ\nm+NVtyZCkY3poewNWXpt0V7NUvSQMkeJthq0fgJf+1ZJjiDD6GQeW9IMf/eK\n5tr+nXl5DI2gNGj3yRqoLyQDAc6fb06hoFNuNnpAmi1T1gdxqAzdeZyjtrHa\nVCsfyxxUba93mhfhDnzpGu0Ar1b4ZGiPjYwB0qBeyjmEJbz7mnkHZ6AWxp8a\nLxyyC3Em0kxUUvQE2clGENTIhSlydkX8sSanUiWWIr3QBlnnt65MFcUYllPk\nS3BZ\r\n=ppXE\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_5.0.0-rc.1_1572544114045_0.4777091515575991"
},
"_hasShrinkwrap": false
},
"5.0.0-regexrehydrate": {
"name": "styled-components",
"version": "5.0.0-regexrehydrate",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"generateErrors": "node scripts/generateErrorMap.js",
"prebuild": "rimraf dist && npm run generateErrors",
"build": "rollup -c",
"postbuild": "npm run lint:size",
"flow": "flow check",
"flow:watch": "flow-watch",
"pretest": "npm run generateErrors",
"test": "npm run test:web && npm run test:native && npm run test:primitives",
"test:web": "jest -c ../../scripts/jest/config.main.js",
"test:native": "jest -c ../../scripts/jest/config.native.js",
"test:primitives": "jest -c ../../scripts/jest/config.primitives.js",
"test:integration": "jest -c ../../scripts/jest/config.integration.js --runInBand --forceExit",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"lint:size": "bundlesize",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "npm run build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@babel/traverse": "^7.4.5",
"@emotion/is-prop-valid": "^0.8.3",
"@emotion/stylis": "^0.8.4",
"@emotion/unitless": "^0.7.4",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^3.0.0",
"shallowequal": "^1.1.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": {
"react": ">= 16.8.0",
"react-dom": ">= 16.8.0",
"react-is": ">= 16.8.0"
},
"devDependencies": {
"flow-bin": "^0.100.0",
"prop-types": "^15.7.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-frame-component": "^4.0.2",
"react-is": "^16.8.6",
"react-native": "^0.59.8",
"react-primitives": "^0.8.0",
"react-test-renderer": "^16.8.6",
"stylis-rtl": "^1.0.1"
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "14kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\n> ⚠️ **CANARY:** This is the `canary` branch of `styled-components`. It is published under the\n> `@beta` tag on npm and contains new features and changes for the next major version.\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n```jsx\nconst Button = styled.button`\n color: grey;\n`;\n```\n\nAlternatively, you may use [style objects](https://www.styled-components.com/docs/advanced#style-objects). This allows for easy porting of CSS from inline styles, while still supporting the more advanced styled-components capabilities like component selectors and media queries.\n\n```jsx\nconst Button = styled.button({\n color: 'grey',\n});\n```\n\nEquivalent to:\n\n```jsx\nconst Button = styled.button`\n color: grey;\n`;\n```\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## Upgrading from v4\n\n1. `npm install styled-components@beta react@^16.8 react-dom@^16.8 react-is@^16.8`\n1. ??\n1. Profit!\n\n> Note that integrations like `jest-styled-components` that make use of internals will need to be updated to work with v5 and likely will not work properly during the alpha/beta period.\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.styled-components.com/docs/basics)\n- [API Reference](https://styled-components.com/docs/api)\n- [Theming](https://www.styled-components.com/docs/advanced#theming)\n- [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n- [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Babel Macro\n\nIf you're using tooling that has babel-plugin-macros set up, you can switch to the `styled-components/macro` import path instead to gain the effects of the babel plugin without further setup.\n\n```js\nimport styled from 'styled-components/macro';\n\n// A static className will be generated for Title (important for SSR)\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n```\n\nIf you wish to provide configuration options to the babel plugin similar to how you would in a `.babelrc`, [see this guide](https://github.com/kentcdodds/babel-plugin-macros/blob/master/other/docs/author.md#config-experimental). The config name is `\"styledComponents\"`.\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"_id": "styled-components@5.0.0-regexrehydrate",
"dist": {
"shasum": "897ced99abad29ce50fa507f5305ed8ae7543c90",
"integrity": "sha512-aq6kkk1CAdiOG6gUua2snWLn0BJYN+1wzNkBP1sLUv+5G5F6s+y2cBtOgTTIOyaTGIiAlQsFWJ4M2f+th8JsIQ==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-5.0.0-regexrehydrate.tgz",
"fileCount": 42,
"unpackedSize": 1228094,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdytcpCRA9TVsSAnZWagAA82sQAIXdhwisvy9TD8Bcwaum\n4mSp9CpzcSiITZm5VIloSkeHKCx5h8R6C+zOTFScdOgG528o7W2dAUolhRyP\nzNlaqTCjoVuIvmLSRLTI3CE4zQ6SahZNwdvg2yqrdz302RH4us8M+9sHj39v\nbNk2Vx0MKgAa0tiEmzBra3yHg4xqiSKDxG39B8gIoInMQO4r7fKqnSFJkMnd\n2AuM1WYnXyq4caj9MtrhMImikCH7bYll2SJBtMVNUXb2EwnP+uzOt2B4YrbA\ngYRzsf5nKucN0kgOPPEDit09m9gblijcIKyw8l8cYL52xYKvjDE+517hxj1v\niAlMjdo5B7woBZjSNohTuHEUNds8TU5Ota7T0ig70o+bSLl+8jx+EqaN435m\nILZmJrbAENBaL4HNw0HbuR5irhIC7bg/HOucY0uNrFqn8XpZJx+cKYkwaWl7\nm8Ek/cxyeioArykhqiiYvRl2IaFiHvfrJNFShwjrlCgXbUxNjvqcTdVso4k0\nYyOEr4SGxR1UgSQPkzRE3WF0w2D2CItsfouChZbcicLwfFJ/Whnui7PXuU8X\ngYfvOUxV3lqd/eya3L3zgpWr35Z24v0E/aJ6a1YjYJUKWoRqimDK+mjKzpXf\nYlQKkADduJnG8h8Zv3p0JmcUXvGrqR8vgctdMgwRiGE2/ceIl1aaDyf9KPHg\n7TE+\r\n=ffAz\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_5.0.0-regexrehydrate_1573574441102_0.8719770330921504"
},
"_hasShrinkwrap": false
},
"5.0.0-rc.2": {
"name": "styled-components",
"version": "5.0.0-rc.2",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"main": "dist/styled-components.cjs.js",
"jsnext:main": "dist/styled-components.esm.js",
"module": "dist/styled-components.esm.js",
"react-native": "native/dist/styled-components.native.cjs.js",
"browser": {
"./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js",
"./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js"
},
"sideEffects": false,
"scripts": {
"generateErrors": "node scripts/generateErrorMap.js",
"prebuild": "rimraf dist && npm run generateErrors",
"build": "rollup -c",
"postbuild": "npm run lint:size",
"flow": "flow check",
"flow:watch": "flow-watch",
"pretest": "npm run generateErrors",
"test": "npm run test:web && npm run test:native && npm run test:primitives",
"test:web": "jest -c ../../scripts/jest/config.main.js",
"test:native": "jest -c ../../scripts/jest/config.native.js",
"test:primitives": "jest -c ../../scripts/jest/config.primitives.js",
"test:integration": "jest -c ../../scripts/jest/config.integration.js --runInBand --forceExit",
"format": "eslint ./**/*.js --fix",
"lint": "eslint src",
"lint:size": "bundlesize",
"prettier": "prettier */**/*.js --write",
"prepublishOnly": "npm run build",
"dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js",
"postinstall": "node ./scripts/postinstall.js || exit 0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"author": { "name": "Glen Maddern" },
"license": "MIT",
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"homepage": "https://styled-components.com/",
"dependencies": {
"@babel/helper-module-imports": "^7.0.0",
"@babel/traverse": "^7.4.5",
"@emotion/is-prop-valid": "^0.8.3",
"@emotion/stylis": "^0.8.4",
"@emotion/unitless": "^0.7.4",
"babel-plugin-styled-components": ">= 1",
"css-to-react-native": "^3.0.0",
"shallowequal": "^1.1.0",
"stylis-rule-sheet": "^0.0.10",
"supports-color": "^5.5.0"
},
"peerDependencies": {
"react": ">= 16.8.0",
"react-dom": ">= 16.8.0",
"react-is": ">= 16.8.0"
},
"devDependencies": {
"flow-bin": "^0.100.0",
"prop-types": "^15.7.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-frame-component": "^4.0.2",
"react-is": "^16.8.6",
"react-native": "^0.59.8",
"react-primitives": "^0.8.0",
"react-test-renderer": "^16.8.6",
"stylis-rtl": "^1.0.1"
},
"bundlesize": [
{ "path": "./dist/styled-components.min.js", "maxSize": "14kB" }
],
"collective": {
"type": "opencollective",
"url": "https://opencollective.com/styled-components"
},
"readmeFilename": "README.md",
"readme": "<div align=\"center\">\n <a href=\"https://www.styled-components.com\">\n <img alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" />\n </a>\n</div>\n\n<br />\n\n<div align=\"center\">\n <strong>Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅</strong>\n <br />\n <br />\n <a href=\"https://www.npmjs.com/package/styled-components\"><img src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"></a>\n <a href=\"#backers\" alt=\"sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/backers/badge.svg\" /></a> <a href=\"#sponsors\" alt=\"Sponsors on Open Collective\"><img src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /></a> <a href=\"https://spectrum.chat/styled-components\"><img src=\"https://withspectrum.github.io/badge/badge.svg\" alt=\"Join the community on Spectrum\"></a>\n <img src=\"https://www.styled-components.com/proxy/size.svg\" alt=\"gzip size\">\n <a href=\"#alternative-installation-methods\"><img src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"></a>\n</div>\n\n<br />\n<br />\n\n> ⚠️ **CANARY:** This is the `canary` branch of `styled-components`. It is published under the\n> `@beta` tag on npm and contains new features and changes for the next major version.\n\nUtilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n```jsx\nconst Button = styled.button`\n color: grey;\n`;\n```\n\nAlternatively, you may use [style objects](https://www.styled-components.com/docs/advanced#style-objects). This allows for easy porting of CSS from inline styles, while still supporting the more advanced styled-components capabilities like component selectors and media queries.\n\n```jsx\nconst Button = styled.button({\n color: 'grey',\n});\n```\n\nEquivalent to:\n\n```jsx\nconst Button = styled.button`\n color: grey;\n`;\n```\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n## Upgrading from v4\n\n1. `npm install styled-components@beta react@^16.8 react-dom@^16.8 react-is@^16.8`\n1. ??\n1. Profit!\n\n> Note that integrations like `jest-styled-components` that make use of internals will need to be updated to work with v5 and likely will not work properly during the alpha/beta period.\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.styled-components.com/docs/basics)\n- [API Reference](https://styled-components.com/docs/api)\n- [Theming](https://www.styled-components.com/docs/advanced#theming)\n- [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n- [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n## Example\n\n<!-- prettier-ignore -->\n```JSX\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a <Title> react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\n// Use them like any other React component – except they're styled!\n<Wrapper>\n <Title>Hello World, this is my first styled component!</Title>\n</Wrapper>\n```\n\nThis is what you'll see in your browser:\n\n<div align=\"center\">\n <a href=\"https://styled-components.com\">\n <img alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" />\n </a>\n</div>\n\n## Babel Macro\n\nIf you're using tooling that has babel-plugin-macros set up, you can switch to the `styled-components/macro` import path instead to gain the effects of the babel plugin without further setup.\n\n```js\nimport styled from 'styled-components/macro';\n\n// A static className will be generated for Title (important for SSR)\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n```\n\nIf you wish to provide configuration options to the babel plugin similar to how you would in a `.babelrc`, [see this guide](https://github.com/kentcdodds/babel-plugin-macros/blob/master/other/docs/author.md#config-experimental). The config name is `\"styledComponents\"`.\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n<a href=\"https://github.com/styled-components/styled-components/graphs/contributors\"><img src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /></a>\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n<a href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/backers.svg?width=890\"></a>\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n<a href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"></a>\n<a href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"><img src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"></a>\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n",
"_id": "styled-components@5.0.0-rc.2",
"dist": {
"shasum": "6c44570ff202f47a1a688d6f1249bc079b10a958",
"integrity": "sha512-dRMU2Ka12F2qbJK6XMDVy1H6KOXpbf7nAKReV0uIikCdW/zbO2K3C+XUCL0EqTVeevugFBJUACZUoTc7ShKsTg==",
"tarball": "https://registry.npmjs.org/styled-components/-/styled-components-5.0.0-rc.2.tgz",
"fileCount": 42,
"unpackedSize": 1228024,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdyye5CRA9TVsSAnZWagAA0RwP/1XlqbM3SLVh6hyNVtCS\nerkm11PCdV52uUsY5dzmFvgnDf7TNdWj5NCZxYr9gHiswQZxRyKTzfhBtQlI\nPqq55mibB5U2kH7jlZdMaTF65uuKWfFoZ/te8KeQZ+CSGqj7JrsoLdOM5SuX\nphHcBfmharNEK5DhsBlbbJxQxzfk0/EUzNZ/C72zQ/QaM4BRLQewK8KlHhZy\n9P2cHeSvKiVhE6vuuFCG2VxbGleqV3Llj7ZHhJWUc9ecVNa5ab3M4T2+6w85\nUD3Rl18DKBVe+6ezbLiLphOruJ8dawAEQVuvVoEvxietI/FHvgz8oybAIiVt\nUmDix3GlgRyh1kCamFIUUmX5TDg0cjXJBvumRRWbRYn26Pk5MxQv//boP9q7\ntqs+3jfnXowkqyP+X5VKUw/4OPIjSVGOKYNjeupvqa1B1MQtsMcUuPMgXJfG\n+Z2irTt65Wn1+Cs1l0ka5CCaaf/20+xAcqs7yZYWTj2k+99vD609ZZP2cKbo\noShBywGH5GIfFmexrzSJPESmBlhETQk46v4d/B9SFHiCFS0VQL28NSbd5TXy\n5QeYkDt/GDyYmME4fMyYwWMm45Z5HwLaYPNs2H5sceGXHby1N3QXsihvOQTO\n8TZ0OcryymWtIfYL2m6ow0Hxh3ieZGfMxa2Wt1N+Q1k3Hq9PMBP8/FNVejJv\nGjj5\r\n=hN4p\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"_npmUser": { "name": "probablyup", "email": "probablyup@gmail.com" },
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/styled-components_5.0.0-rc.2_1573595065206_0.016376688255335115"
},
"_hasShrinkwrap": false
}
},
"readme": "",
"maintainers": [
{ "email": "hi@glenmaddern.com", "name": "geelen" },
{ "email": "bhargavponnapalli.5@gmail.com", "name": "imbhargav5" },
{ "email": "npm@mxstbr.com", "name": "mxstbr" },
{ "email": "phil@kitten.sh", "name": "philpl" },
{ "email": "probablyup@gmail.com", "name": "probablyup" },
{ "email": "schwers.r@gmail.com", "name": "schwers" }
],
"time": {
"modified": "2019-11-12T21:55:43.079Z",
"created": "2016-08-16T08:11:00.856Z",
"0.0.1": "2016-08-16T08:11:00.856Z",
"0.0.2": "2016-08-17T05:49:30.510Z",
"0.0.3": "2016-08-19T03:11:06.785Z",
"0.0.4": "2016-08-22T06:05:10.146Z",
"0.0.5-0": "2016-09-10T07:26:06.730Z",
"0.0.5-1": "2016-09-10T08:05:49.294Z",
"0.0.5-2": "2016-09-10T08:07:44.357Z",
"0.0.5": "2016-09-10T10:10:33.230Z",
"0.0.6": "2016-09-13T06:54:49.091Z",
"0.1.0": "2016-09-22T21:04:43.890Z",
"0.1.1": "2016-09-22T23:18:08.541Z",
"0.1.2": "2016-09-23T00:15:30.305Z",
"0.1.3": "2016-09-24T08:02:04.025Z",
"0.1.4": "2016-09-24T08:09:06.255Z",
"0.1.5": "2016-09-24T08:41:04.054Z",
"0.1.6": "2016-09-25T05:19:25.710Z",
"0.1.7": "2016-09-25T06:10:47.374Z",
"0.1.8": "2016-09-25T06:18:45.811Z",
"0.1.9": "2016-09-26T04:47:50.557Z",
"0.2.0": "2016-09-27T13:20:03.760Z",
"0.2.1": "2016-09-28T22:41:27.090Z",
"0.2.2": "2016-09-29T01:35:13.818Z",
"0.2.3": "2016-10-06T07:53:48.679Z",
"0.2.4": "2016-10-07T08:56:13.861Z",
"0.2.5": "2016-10-09T12:07:24.784Z",
"0.3.0": "2016-10-10T03:02:13.373Z",
"0.3.1": "2016-10-10T05:16:07.858Z",
"0.3.2": "2016-10-10T05:58:17.225Z",
"0.3.3": "2016-10-10T06:40:41.337Z",
"0.3.4": "2016-10-10T07:14:53.668Z",
"0.4.0": "2016-10-12T14:51:29.639Z",
"0.4.1": "2016-10-13T05:51:23.485Z",
"0.4.2": "2016-10-13T07:09:06.250Z",
"1.0.0": "2016-10-13T07:36:25.127Z",
"1.0.1": "2016-10-14T07:41:28.341Z",
"1.0.2": "2016-10-14T07:47:11.069Z",
"1.0.3": "2016-10-14T07:51:45.502Z",
"1.0.4": "2016-10-15T09:22:27.604Z",
"1.0.5": "2016-10-15T12:49:44.356Z",
"1.0.6": "2016-10-16T07:39:44.881Z",
"1.0.7": "2016-10-18T10:39:52.007Z",
"1.0.8": "2016-10-18T17:02:05.116Z",
"1.0.9": "2016-10-26T07:22:46.102Z",
"1.0.10": "2016-10-28T15:13:31.171Z",
"1.0.11": "2016-11-14T18:46:14.914Z",
"1.0.12-0": "2016-11-20T07:43:01.720Z",
"1.1.0": "2016-11-21T09:54:42.930Z",
"1.1.1": "2016-11-21T16:38:20.463Z",
"1.1.2-0": "2016-11-22T10:46:46.307Z",
"1.1.2": "2016-11-26T09:55:48.330Z",
"1.1.3": "2016-12-09T08:32:07.034Z",
"1.2.0": "2016-12-17T20:12:21.878Z",
"1.2.1": "2016-12-18T11:26:50.000Z",
"1.3.0": "2017-01-12T14:25:52.474Z",
"1.3.1": "2017-01-18T10:14:48.621Z",
"2.0.0-0": "2017-01-21T15:44:12.479Z",
"1.4.0": "2017-01-25T09:04:14.533Z",
"1.4.1": "2017-01-27T10:16:41.391Z",
"1.4.2": "2017-01-28T21:10:41.384Z",
"2.0.0-1": "2017-01-31T15:10:40.716Z",
"1.4.3": "2017-02-04T11:26:16.444Z",
"2.0.0-2": "2017-02-07T12:43:33.299Z",
"2.0.0-3": "2017-02-07T14:19:28.242Z",
"2.0.0-4": "2017-02-15T18:00:41.799Z",
"2.0.0-5": "2017-03-01T14:02:39.680Z",
"1.4.4": "2017-03-01T14:21:37.512Z",
"2.0.0-6": "2017-03-03T08:11:20.647Z",
"2.0.0-7": "2017-03-06T11:44:27.493Z",
"2.0.0-8": "2017-03-20T06:44:35.026Z",
"2.0.0-9": "2017-03-25T13:51:46.487Z",
"2.0.0-10": "2017-03-26T04:14:58.162Z",
"2.0.0-11": "2017-04-01T13:23:02.130Z",
"2.0.0-12": "2017-04-02T06:36:13.957Z",
"2.0.0-13": "2017-04-03T10:41:34.501Z",
"2.0.0-14": "2017-04-05T03:00:14.962Z",
"2.0.0-15": "2017-04-11T04:30:02.760Z",
"1.4.5": "2017-04-14T23:12:18.395Z",
"2.0.0-16": "2017-04-28T08:20:32.483Z",
"2.0.0-17": "2017-04-28T09:37:09.114Z",
"1.4.6": "2017-05-02T14:29:23.794Z",
"2.0.0-18": "2017-05-22T08:27:00.828Z",
"2.0.0-19": "2017-05-23T09:29:47.633Z",
"2.0.0": "2017-05-25T11:55:24.568Z",
"2.0.1": "2017-06-07T20:56:49.951Z",
"2.1.0": "2017-06-15T04:48:49.282Z",
"2.1.1-0": "2017-06-19T12:18:27.094Z",
"2.1.1": "2017-07-03T14:29:07.652Z",
"2.1.1-1": "2017-07-18T22:00:45.798Z",
"2.1.2": "2017-08-04T12:17:24.678Z",
"2.1.3-0": "2017-08-27T17:23:56.572Z",
"2.2.0": "2017-09-27T13:55:21.520Z",
"2.2.1": "2017-10-04T07:58:43.412Z",
"2.2.2": "2017-10-24T14:31:26.998Z",
"2.2.3": "2017-10-29T23:39:56.465Z",
"2.2.4": "2017-11-29T12:23:23.950Z",
"2.3.0": "2017-12-15T11:45:37.241Z",
"2.3.1": "2017-12-19T09:17:31.425Z",
"2.3.2": "2017-12-19T11:04:52.609Z",
"2.3.3-0": "2017-12-19T17:57:59.826Z",
"2.3.3": "2017-12-20T11:38:24.189Z",
"2.4.0-0": "2017-12-21T13:07:15.386Z",
"2.4.0": "2017-12-22T09:54:19.416Z",
"2.5.0-0": "2018-01-04T09:58:54.826Z",
"2.5.0-1": "2018-01-04T10:02:36.844Z",
"3.0.0": "2018-01-22T14:28:55.689Z",
"3.0.1": "2018-01-22T16:17:09.196Z",
"3.0.2": "2018-01-22T19:19:44.528Z",
"3.1.0-0": "2018-01-23T12:44:53.721Z",
"3.1.0-1": "2018-01-23T15:00:45.524Z",
"3.1.0-2": "2018-01-24T06:26:15.775Z",
"3.1.0-3": "2018-01-24T06:29:10.993Z",
"3.1.0-speedy": "2018-01-24T22:23:25.652Z",
"3.1.0-speedy2": "2018-01-24T22:40:10.018Z",
"3.1.0-speedy3": "2018-01-24T23:07:45.136Z",
"3.1.0-speedy4": "2018-01-25T00:23:58.266Z",
"3.1.0-speedy5": "2018-01-25T13:08:13.296Z",
"3.1.0-speedy6": "2018-01-25T13:11:21.912Z",
"3.1.0": "2018-01-29T08:49:42.420Z",
"3.1.1": "2018-01-29T13:01:54.462Z",
"3.1.2": "2018-01-29T13:21:50.140Z",
"3.1.3": "2018-01-29T18:25:48.295Z",
"3.1.4": "2018-01-30T04:15:43.999Z",
"3.1.5": "2018-02-01T07:45:26.056Z",
"3.1.6-0": "2018-02-02T04:45:00.997Z",
"3.1.6-1": "2018-02-02T09:52:38.892Z",
"3.1.6-2": "2018-02-02T16:19:23.104Z",
"3.1.6": "2018-02-03T16:31:40.157Z",
"3.2.0-stylerefactor1": "2018-02-08T00:22:07.849Z",
"3.2.0-stylerefactor2": "2018-02-09T15:22:35.620Z",
"3.2.0-0": "2018-02-13T13:30:20.401Z",
"3.2.0-1": "2018-02-14T20:27:55.205Z",
"3.2.0": "2018-03-05T16:06:00.713Z",
"3.2.1-0": "2018-03-06T13:47:44.882Z",
"3.2.1-1": "2018-03-07T00:49:30.027Z",
"3.2.1-2": "2018-03-07T00:54:32.797Z",
"3.2.1": "2018-03-07T12:40:58.277Z",
"3.2.2-0": "2018-03-13T14:09:34.216Z",
"3.2.2-1": "2018-03-13T17:30:39.608Z",
"3.2.2": "2018-03-13T20:21:29.074Z",
"3.2.3-ssrmem1": "2018-03-14T16:28:49.732Z",
"3.2.3": "2018-03-14T23:17:59.968Z",
"3.2.4": "2018-03-30T14:56:25.032Z",
"3.2.5": "2018-03-30T16:22:32.520Z",
"3.2.6": "2018-04-17T04:40:04.520Z",
"3.3.0": "2018-05-25T05:08:23.522Z",
"3.3.1": "2018-05-30T18:25:16.001Z",
"2.4.1": "2018-06-02T04:09:58.199Z",
"3.3.1-beta.0": "2018-06-02T17:20:23.169Z",
"3.3.2": "2018-06-04T05:49:19.003Z",
"3.3.3-1": "2018-06-19T16:22:15.186Z",
"3.3.3-2": "2018-06-20T17:12:11.654Z",
"3.3.3-3": "2018-06-20T17:38:41.981Z",
"3.3.3": "2018-06-20T18:39:22.822Z",
"3.4.0-0": "2018-06-30T18:18:14.580Z",
"3.4.0-4": "2018-07-12T05:02:59.983Z",
"3.4.0": "2018-08-02T20:11:17.612Z",
"3.4.1": "2018-08-05T03:16:59.970Z",
"3.4.2": "2018-08-07T20:00:22.507Z",
"3.4.3": "2018-08-21T16:50:36.383Z",
"3.4.4": "2018-08-21T18:18:12.234Z",
"3.4.5": "2018-08-23T16:18:13.796Z",
"4.0.0-beta.0": "2018-09-04T21:47:17.063Z",
"4.0.0-beta.0-1": "2018-09-06T01:13:52.473Z",
"4.0.0-beta.0-2": "2018-09-06T04:16:49.232Z",
"4.0.0-beta.1": "2018-09-06T21:26:20.280Z",
"4.0.0-beta.1-1": "2018-09-07T06:21:41.221Z",
"4.0.0-beta.1-2": "2018-09-07T06:39:50.695Z",
"4.0.0-beta.2": "2018-09-09T06:08:17.661Z",
"4.0.0-beta.2-0": "2018-09-09T21:51:51.407Z",
"3.4.6": "2018-09-10T19:05:54.918Z",
"4.0.0-beta.3": "2018-09-10T20:55:29.702Z",
"4.0.0-beta.3-side-effect-test": "2018-09-11T00:03:39.930Z",
"4.0.0-beta.3-purecomponent": "2018-09-11T16:37:14.030Z",
"4.0.0-beta.4": "2018-09-12T21:54:08.397Z",
"4.0.0-beta.4-hmr": "2018-09-13T22:37:13.936Z",
"4.0.0-beta.5": "2018-09-14T23:45:00.578Z",
"4.0.0-beta.6": "2018-09-17T19:22:28.493Z",
"3.4.7": "2018-09-17T19:45:10.248Z",
"3.4.8": "2018-09-17T22:34:36.832Z",
"4.0.0-beta.7": "2018-09-18T05:53:29.753Z",
"3.4.9": "2018-09-18T14:41:06.300Z",
"4.0.0-beta.7-hoist": "2018-09-20T06:22:37.658Z",
"4.0.0-beta.8": "2018-09-21T00:43:04.762Z",
"4.0.0-beta.8-unpure": "2018-09-21T01:28:38.704Z",
"4.0.0-beta.9": "2018-09-24T19:12:09.398Z",
"4.0.0-beta.10": "2018-10-04T20:40:33.582Z",
"4.0.0-beta.10-1": "2018-10-07T20:47:34.950Z",
"4.0.0-beta.10-2": "2018-10-07T23:53:36.041Z",
"4.0.0-beta.10-3": "2018-10-08T02:29:08.211Z",
"4.0.0-beta.10-4": "2018-10-08T03:23:05.624Z",
"4.0.0-beta.10-5": "2018-10-08T19:50:56.284Z",
"4.0.0-beta.9-macro": "2018-10-08T21:18:24.547Z",
"4.0.0-beta.9-macro2": "2018-10-08T21:21:49.925Z",
"4.0.0-beta.11": "2018-10-08T23:21:17.807Z",
"4.0.0-beta.11.1": "2018-10-09T08:27:22.956Z",
"4.0.0-beta.11.1-hmr": "2018-10-09T19:42:16.843Z",
"4.0.0-beta.11.1-hmr2": "2018-10-09T19:54:22.214Z",
"4.0.0-beta.11.2": "2018-10-09T20:11:56.122Z",
"3.4.10": "2018-10-09T20:50:44.186Z",
"4.0.0-beta.11.3": "2018-10-10T18:08:53.605Z",
"4.0.0": "2018-10-15T16:56:15.508Z",
"4.0.1-0": "2018-10-17T15:01:07.962Z",
"4.0.1": "2018-10-17T23:31:37.674Z",
"4.0.2": "2018-10-18T05:24:51.927Z",
"4.0.3-0": "2018-10-21T22:14:17.598Z",
"4.0.3": "2018-10-30T16:56:54.304Z",
"4.1.0-rehydrate": "2018-11-04T19:03:28.067Z",
"4.1.0": "2018-11-12T17:21:10.362Z",
"4.1.1": "2018-11-12T23:13:18.254Z",
"4.1.2": "2018-11-28T21:42:12.612Z",
"3.5.0-0": "2018-12-05T14:53:02.321Z",
"4.1.3": "2018-12-17T10:13:45.840Z",
"4.1.4-alpha.2": "2019-01-18T11:55:17.694Z",
"4.1.4-alpha.3": "2019-01-18T15:23:17.949Z",
"4.1.4-alpha.4": "2019-01-18T15:26:24.353Z",
"4.1.4-alpha.5": "2019-01-18T15:29:41.678Z",
"4.1.4-alpha.6": "2019-03-05T18:11:50.605Z",
"4.2.0": "2019-03-23T16:42:29.306Z",
"5.0.0-0.canary-sheet": "2019-04-30T15:46:25.060Z",
"5.0.0-1.canary-sheet": "2019-05-02T15:27:42.076Z",
"5.0.0-2.canary-sheet": "2019-05-03T15:07:39.450Z",
"5.0.0-3.canary-sheet": "2019-05-03T15:16:40.153Z",
"5.0.0-4.canary-sheet": "2019-05-08T12:19:28.382Z",
"5.0.0-5.canary-sheet": "2019-05-30T13:12:29.207Z",
"4.2.1": "2019-05-30T16:36:48.458Z",
"4.3.0": "2019-06-05T20:40:19.111Z",
"4.3.1-0": "2019-06-06T21:08:01.963Z",
"4.3.1": "2019-06-06T21:17:09.403Z",
"5.0.0-alpha.0": "2019-06-09T00:10:11.246Z",
"5.0.0-alpha.1": "2019-06-09T00:34:24.352Z",
"5.0.0-alpha.2": "2019-06-11T03:03:16.656Z",
"5.0.0-beta.0": "2019-06-14T14:13:13.888Z",
"5.0.0-beta.0-0": "2019-06-15T02:21:42.224Z",
"5.0.0-beta.1": "2019-06-15T23:09:28.346Z",
"5.0.0-beta.2": "2019-06-16T15:49:38.497Z",
"5.0.0-beta.3": "2019-06-18T01:24:10.753Z",
"4.3.2": "2019-06-20T04:43:47.559Z",
"5.0.0-beta.4": "2019-06-21T03:53:30.200Z",
"5.0.0-beta.5": "2019-06-22T15:35:19.481Z",
"5.0.0-beta.5-ej": "2019-06-25T01:14:48.701Z",
"5.0.0-beta.5-ej2": "2019-06-25T01:17:21.506Z",
"5.0.0-beta.5-removefoldedcomponentids": "2019-06-27T03:52:16.349Z",
"5.0.0-beta.6": "2019-06-27T13:45:27.513Z",
"5.0.0-beta.6-ej": "2019-06-28T13:57:58.487Z",
"5.0.0-beta.6-ej1": "2019-06-28T14:11:36.006Z",
"5.0.0-beta.6-ej2": "2019-06-28T14:25:20.595Z",
"5.0.0-beta.6-ej3": "2019-06-29T15:05:05.943Z",
"5.0.0-beta.6-ej4": "2019-06-29T15:14:01.683Z",
"5.0.0-beta.7": "2019-07-01T14:21:33.079Z",
"5.0.0-beta.8": "2019-07-01T14:24:53.968Z",
"5.0.0-beta.8-groupsizefix": "2019-08-22T14:12:42.531Z",
"5.0.0-beta.8-groupsizefix2": "2019-08-22T14:25:56.793Z",
"5.0.0-beta.8-groupsizefix3": "2019-08-22T14:46:46.893Z",
"5.0.0-beta.9": "2019-09-22T23:50:21.160Z",
"4.4.0": "2019-09-23T13:31:48.167Z",
"4.4.0-reactnativewebfix": "2019-10-10T03:13:58.266Z",
"5.0.0-beta.10": "2019-10-21T04:21:42.240Z",
"5.0.0-beta.10-rulefix": "2019-10-21T04:43:48.839Z",
"5.0.0-beta.11": "2019-10-21T04:46:41.935Z",
"5.0.0-beta.11-cgsmulti": "2019-10-21T21:15:29.022Z",
"5.0.0-rc.0": "2019-10-30T17:50:47.373Z",
"4.4.1": "2019-10-30T18:12:49.282Z",
"5.0.0-rc.1": "2019-10-31T17:48:34.251Z",
"5.0.0-revertstylis": "2019-11-05T21:57:22.619Z",
"5.0.0-regexrehydrate": "2019-11-12T16:00:41.337Z",
"5.0.0-rc.2": "2019-11-12T21:44:25.374Z"
},
"homepage": "https://styled-components.com/",
"keywords": [
"react",
"css",
"css-in-js",
"styled-components",
"babel-macro",
"babel-macros",
"styling"
],
"repository": {
"type": "git",
"url": "git+https://github.com/styled-components/styled-components.git"
},
"author": { "name": "Glen Maddern" },
"bugs": {
"url": "https://github.com/styled-components/styled-components/issues"
},
"license": "MIT",
"readmeFilename": "",
"description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
"users": {
"brunolemos": true,
"kilkelly": true,
"jinksi": true,
"hyteer": true,
"qddegtya": true,
"ferrari": true,
"sundaycrafts": true,
"panlw": true,
"kodekracker": true,
"rethinkflash": true,
"ldq-first": true,
"oleg_tsyba": true,
"rahulraghavankklm": true,
"phixed": true,
"kaashin": true,
"phixid": true,
"whathejoe": true,
"jian263994241": true,
"n0f3": true,
"rossjs": true,
"elehas": true,
"npm-packages": true,
"maycon_ribeiro": true,
"keego": true,
"yeming": true,
"washingtonhua": true,
"shanewholloway": true,
"pnhoang": true,
"cfleschhut": true,
"felicio": true,
"tztz": true,
"wayn": true,
"michaeljamesparsons": true,
"ayoola_moore": true,
"zebram": true,
"nsaboo": true,
"vincentvw": true,
"lassevolkmann": true,
"sternelee": true,
"luffy84217": true,
"andrewbaisden": true,
"alexdevero": true,
"reyronald": true,
"amiziara": true,
"wuamin": true,
"intermetric": true,
"juanf03": true
}
}
View Git Blame Copy Permalink