styled-components - npm Package Compare versions

Comparing version 1.4.4 to 1.4.5

CHANGELOG.md

@@ -13,2 +13,10 @@ # Changelog
 
+## [v.1.4.5] - 2017-04-14
+
+### Changed
+
+- Migrated from the deprecated `React.PropTypes` to the `prop-types` package, thanks to [@YasserKaddour](https://github.com/YasserKaddour). (see [#668](https://github.com/styled-components/styled-components/pull/668))
+- Add FlatList, SectionList & VirtualizedList support, thanks to @Kureev(https://github.com/Kureev). (see [#662](https://github.com/styled-components/styled-components/pull/662))
+- Removed dependency on `glamor` and migrated remaining references to the internval vendored `glamor` module. (see [#663](https://github.com/styled-components/styled-components/pull/663))
+
 ## [v1.4.4] — 2017-03-01
@@ -15,0 +23,0 @@

docs/faq.md

 # FAQ
 
-### Using styled-components with webpack 2
-
-If you're using `styled-components` with webpack 2 and you use the babel-loader you need to turn off `babel-plugin-transform-es2015-modules-commonjs`. You can do this with a configuration object passed to the es2015 or latest preset.
-
-For `babel-preset-es2015`:
-```JS
-  presets: [
-    ['es2015', {
-      modules: false
-    }]
-  ]
-```
-
-For `babel-preset-latest`:
-```JS
-  presets: [
-    ['latest': {
-      es2015: {
-        modules: false
-      }
-    }]
-  ]
-```
-
-If you can't do this for whatever reason you have to hint webpack to load the commonjs bundle of `style-components`. You can do this by adding this to your webpack configuration:
-
-```JS
-alias: {
-  // Use styled-components commonjs bundle instead of the es modules bundle
-  'styled-components$': 'styled-components/lib/index.js',
-}
-```
-
-In a future version of webpack this bug should be fixed. See [issue#115](https://github.com/styled-components/styled-components/issues/115), [issue#157](https://github.com/styled-components/styled-components/issues/157) and [webpack-issue#3168](https://github.com/webpack/webpack/issues/3168) for further information.
-
 ### My styles are being repeated multiple times
@@ -39,0 +4,0 @@

docs/flow-support.md

@@ -65,3 +65,2 @@ # Flow Support
 node_modules/styled-components/flow-typed/react-native.js
-node_modules/styled-components/flow-typed/glamor_vx.x.x.js
 node_modules/styled-components/flow-typed/lodash_v4.x.x.js
@@ -68,0 +67,0 @@ node_modules/styled-components/flow-typed/inline-style-prefixer_vx.x.x.js

docs/theming.md

 # Theming
 
-Theming is a first-class citizen in `styled-components`. We want to make it as easy as possible use a reusable and sharable component library.
+Theming is a first-class citizen in `styled-components`. We want to make it as easy as possible to use a reusable and sharable component library.
 
@@ -5,0 +5,0 @@ ## Using theming

lib/constructors/keyframes.js

@@ -7,3 +7,3 @@ 'use strict';
 
-var _hash = require('glamor/lib/hash');
+var _hash = require('../vendor/glamor/hash');
 
@@ -10,0 +10,0 @@ var _hash2 = _interopRequireDefault(_hash);

lib/hoc/withTheme.js

@@ -15,2 +15,6 @@ 'use strict';
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 var _ThemeProvider = require('../models/ThemeProvider');
@@ -79,5 +83,5 @@
     return _class;
-  }(_react2.default.Component), _class.contextTypes = _defineProperty({}, _ThemeProvider.CHANNEL, _react2.default.PropTypes.func), _temp2;
+  }(_react2.default.Component), _class.contextTypes = _defineProperty({}, _ThemeProvider.CHANNEL, _propTypes2.default.func), _temp2;
 };
 
 module.exports = exports['default'];

lib/models/AbstractStyledComponent.js

@@ -9,4 +9,10 @@ 'use strict';
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 var _ThemeProvider = require('./ThemeProvider');
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -35,3 +41,3 @@
 
-AbstractStyledComponent.contextTypes = _defineProperty({}, _ThemeProvider.CHANNEL, _react.PropTypes.func);
+AbstractStyledComponent.contextTypes = _defineProperty({}, _ThemeProvider.CHANNEL, _propTypes2.default.func);
 module.exports = exports['default'];

lib/models/ComponentStyle.js

@@ -9,3 +9,3 @@ 'use strict';
 
-var _hash = require('glamor/lib/hash');
+var _hash = require('../vendor/glamor/hash');
 
@@ -12,0 +12,0 @@ var _hash2 = _interopRequireDefault(_hash);

lib/models/InlineStyle.js

@@ -11,6 +11,2 @@ 'use strict';
 
-var _hash = require('glamor/lib/hash');
-
-var _hash2 = _interopRequireDefault(_hash);
-
 var _reactNative = require('react-native');
@@ -22,2 +18,6 @@
 
+var _hash = require('../vendor/glamor/hash');
+
+var _hash2 = _interopRequireDefault(_hash);
+
 var _flatten = require('../utils/flatten');
@@ -24,0 +24,0 @@

lib/models/StyledComponent.js

@@ -57,11 +57,16 @@ 'use strict';
       function StyledComponent() {
+        var _ref;
+
+        var _temp, _this, _ret;
+
         _classCallCheck(this, StyledComponent);
 
-        var _this = _possibleConstructorReturn(this, (StyledComponent.__proto__ || Object.getPrototypeOf(StyledComponent)).call(this));
+        for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+          args[_key] = arguments[_key];
+        }
 
-        _this.state = {
+        return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = StyledComponent.__proto__ || Object.getPrototypeOf(StyledComponent)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
           theme: null,
           generatedClassName: ''
-        };
-        return _this;
+        }, _temp), _possibleConstructorReturn(_this, _ret);
       }
@@ -68,0 +73,0 @@

lib/models/StyledNativeComponent.js

@@ -59,10 +59,16 @@ 'use strict';
     function StyledNativeComponent() {
+      var _ref;
+
+      var _temp, _this, _ret;
+
       _classCallCheck(this, StyledNativeComponent);
 
-      var _this = _possibleConstructorReturn(this, (StyledNativeComponent.__proto__ || Object.getPrototypeOf(StyledNativeComponent)).call(this));
+      for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
 
-      _this.state = {
-        theme: {}
-      };
-      return _this;
+      return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = StyledNativeComponent.__proto__ || Object.getPrototypeOf(StyledNativeComponent)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
+        theme: {},
+        generatedStyles: undefined
+      }, _temp), _possibleConstructorReturn(_this, _ret);
     }
@@ -69,0 +75,0 @@

lib/models/test/ThemeProvider.test.js

@@ -11,2 +11,6 @@ 'use strict';
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 var _expect = require('expect');
@@ -90,3 +94,3 @@
 
-    Child.contextTypes = _defineProperty({}, _ThemeProvider.CHANNEL, _react2.default.PropTypes.object);
+    Child.contextTypes = _defineProperty({}, _ThemeProvider.CHANNEL, _propTypes2.default.object);
 
@@ -137,3 +141,3 @@ (0, _enzyme.render)(_react2.default.createElement(
 
-    Child.contextTypes = _defineProperty({}, _ThemeProvider.CHANNEL, _react2.default.PropTypes.object);
+    Child.contextTypes = _defineProperty({}, _ThemeProvider.CHANNEL, _propTypes2.default.object);
 
@@ -196,3 +200,3 @@ (0, _enzyme.render)(_react2.default.createElement(
 
-    Child.contextTypes = _defineProperty({}, _ThemeProvider.CHANNEL, _react2.default.PropTypes.object);
+    Child.contextTypes = _defineProperty({}, _ThemeProvider.CHANNEL, _propTypes2.default.object);
 
@@ -199,0 +203,0 @@ (0, _enzyme.render)(_react2.default.createElement(

lib/models/ThemeProvider.js

@@ -16,2 +16,6 @@ 'use strict';
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 var _isFunction = require('is-function');
@@ -136,5 +140,5 @@
 
-ThemeProvider.childContextTypes = _defineProperty({}, CHANNEL, _react.PropTypes.func.isRequired);
-ThemeProvider.contextTypes = _defineProperty({}, CHANNEL, _react.PropTypes.func);
+ThemeProvider.childContextTypes = _defineProperty({}, CHANNEL, _propTypes2.default.func.isRequired);
+ThemeProvider.contextTypes = _defineProperty({}, CHANNEL, _propTypes2.default.func);
 
 exports.default = ThemeProvider;

lib/native/index.js

@@ -49,3 +49,3 @@ 'use strict';
 *  assume it's for a good reason and not eagerly load them all */
-var aliases = 'ActivityIndicator ActivityIndicatorIOS ART Button DatePickerIOS DrawerLayoutAndroid\n Image ImageEditor ImageStore KeyboardAvoidingView ListView MapView Modal Navigator NavigatorIOS\n Picker PickerIOS ProgressBarAndroid ProgressViewIOS ScrollView SegmentedControlIOS Slider\n SliderIOS SnapshotViewIOS Switch RecyclerViewBackedScrollView RefreshControl StatusBar\n SwipeableListView SwitchAndroid SwitchIOS TabBarIOS Text TextInput ToastAndroid ToolbarAndroid\n Touchable TouchableHighlight TouchableNativeFeedback TouchableOpacity TouchableWithoutFeedback\n View ViewPagerAndroid WebView';
+var aliases = 'ActivityIndicator ActivityIndicatorIOS ART Button DatePickerIOS DrawerLayoutAndroid\n Image ImageEditor ImageStore KeyboardAvoidingView ListView MapView Modal Navigator NavigatorIOS\n Picker PickerIOS ProgressBarAndroid ProgressViewIOS ScrollView SegmentedControlIOS Slider\n SliderIOS SnapshotViewIOS Switch RecyclerViewBackedScrollView RefreshControl StatusBar\n SwipeableListView SwitchAndroid SwitchIOS TabBarIOS Text TextInput ToastAndroid ToolbarAndroid\n Touchable TouchableHighlight TouchableNativeFeedback TouchableOpacity TouchableWithoutFeedback\n View ViewPagerAndroid WebView FlatList SectionList VirtualizedList';
 
@@ -52,0 +52,0 @@ /* Define a getter for each alias which simply gets the reactNative component

lib/test/extending.test.js

@@ -16,2 +16,6 @@ 'use strict';
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 var _expect = require('expect');
@@ -119,3 +123,3 @@
     Parent.propTypes = {
-      color: _react2.default.PropTypes.string
+      color: _propTypes2.default.string
     };
@@ -122,0 +126,0 @@

package.json

 {
   "name": "styled-components",
-  "version": "1.4.4",
+  "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 💅",
@@ -35,3 +35,4 @@ "main": "lib/index.js",
     "css",
-    "css-in-js"
+    "css-in-js",
+    "styled-components"
   ],
@@ -48,6 +49,6 @@ "author": "Glen Maddern",
     "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",
+    "prop-types": "^15.5.4",
     "supports-color": "^3.1.2"
@@ -68,3 +69,3 @@ },
     "babel-plugin-transform-object-rest-spread": "^6.20.2",
-    "babel-preset-latest": "^6.16.0",
+    "babel-preset-env": "^1.2.1",
     "babel-preset-react": "^6.16.0",
@@ -71,0 +72,0 @@ "chokidar": "^1.6.1",

README.md

 <a href="https://github.com/styled-components/styled-components">
-  <img alt="styled-components" src="./docs/assets/logo.png" height="150px" />
+  <img alt="styled-components" src="https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png" height="150px" />
 </a>
@@ -12,5 +12,12 @@ <br />
 
-[![npm](https://img.shields.io/npm/v/styled-components.svg)](https://www.npmjs.com/package/styled-components) [![Travis Build Status](https://travis-ci.org/styled-components/styled-components.svg?branch=master)](https://travis-ci.org/styled-components/styled-components) [![AppVeyor Build Status](https://ci.appveyor.com/api/projects/status/github/gruntjs/grunt?branch=master&svg=true)](https://ci.appveyor.com/project/mxstbr/styled-components) [![Supported by Thinkmill](https://thinkmill.github.io/badge/heart.svg)](http://thinkmill.com.au/?utm_source=github&utm_medium=badge&utm_campaign=styled-components)
+[![npm](https://img.shields.io/npm/v/styled-components.svg)](https://www.npmjs.com/package/styled-components)
+[![Travis Build Status](https://travis-ci.org/styled-components/styled-components.svg?branch=master)](https://travis-ci.org/styled-components/styled-components)
+[![AppVeyor Build Status](https://ci.appveyor.com/api/projects/status/github/gruntjs/grunt?branch=master&svg=true)](https://ci.appveyor.com/project/mxstbr/styled-components)
+[![Supported by Thinkmill](https://thinkmill.github.io/badge/heart.svg)](http://thinkmill.com.au/?utm_source=github&utm_medium=badge&utm_campaign=styled-components)
 [![gitter](https://camo.githubusercontent.com/54dc79dc7da6b76b17bc8013342da9b4266d993c/68747470733a2f2f6261646765732e6769747465722e696d2f6d78737462722f72656163742d626f696c6572706c6174652e737667)](https://gitter.im/styled-components/styled-components)
 
+![gzip size](http://img.badgesize.io/https://unpkg.com/styled-components/dist/styled-components.min.js?compression=gzip&label=gzip%20size)
+![size](http://img.badgesize.io/https://unpkg.com/styled-components/dist/styled-components.min.js?label=size)
+![module formats: umd, cjs, esm](https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg)
+
 Utilising [tagged template literals](./docs/tagged-template-literals.md) (a recent addition to JavaScript) and the [power of CSS](./docs/css-we-support.md), `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!
@@ -63,3 +70,3 @@
 <div align="center">
-  <a href="http://www.webpackbin.com/4kejp0ESz">
+  <a href="https://www.webpackbin.com/bins/-KeeZCr0xKfutOfOujxN">
     <img alt="Screenshot of the above code ran in a browser" src="http://i.imgur.com/wUJpcjY.jpg" />
@@ -104,3 +111,3 @@ <div><em>Live demo</em></div>
 <div align="center">
-  <a href="http://www.webpackbin.com/4k47p0VHG">
+  <a href="https://www.webpackbin.com/bins/-Kee_EvBIQAeG2pySjbH">
     <img alt="Screenshot of the above code ran in a browser" src="http://imgur.com/QoQiSui.jpg" />
@@ -139,3 +146,3 @@ <div><em>Live demo</em></div>
 <div align="center">
-  <a href="http://www.webpackbin.com/Eyod0ANSM">
+  <a href="https://www.webpackbin.com/bins/-Kee_eVVRWzr06JHcCcQ">
     <img alt="Screenshot of the above code ran in a browser" src="http://imgur.com/4qlEdsx.jpg" />
@@ -171,3 +178,3 @@ <div><em>Live demo</em></div>
 ```JSX
-// Tomatobutton.js
+// TomatoButton.js
 
@@ -190,3 +197,3 @@ import React from 'react';
 <div align="center">
-  <a href="http://www.webpackbin.com/4y-sCCVrM">
+  <a href="https://www.webpackbin.com/bins/-Keea0VX4gjY70V4Bzc7">
     <img alt="Screenshot of the above code ran in a browser" src="http://imgur.com/LZZ3h5i.jpg" />
@@ -227,3 +234,3 @@ <div><em>Live demo</em></div>
 <div align="center">
-  <a href="http://www.webpackbin.com/NJFAAC4SM">
+  <a href="https://www.webpackbin.com/bins/-KeeaQG9JUQqZa4UYbFv">
     <img alt="Screenshot of the above code ran in a browser" src="http://imgur.com/JJw4MdX.jpg" />
@@ -270,3 +277,3 @@ <div><em>Live demo</em></div>
 <div align="center">
-  <a href="http://www.webpackbin.com/4k4WyJrSM">
+  <a href="https://www.webpackbin.com/bins/-Keeb-w-w4oiPbowcT5k">
     <img alt="Animated GIF of the above code ran in a browser" height="100px" src="http://imgur.com/I7Sobjv.gif" />
@@ -379,3 +386,3 @@ <div><em>Live demo</em></div>
 <div align="center">
-  <a href="http://www.webpackbin.com/EJPNk1SSz">
+  <a href="https://www.webpackbin.com/bins/-KeebSIKWWUhvBDQOG_7">
     <img alt="Screenshot of the above code ran in a browser" src="http://imgur.com/XfkzxqV.jpg" />
@@ -475,30 +482,44 @@ <div><em>Live demo</em></div>
 
-- [`grid-styled`](https://github.com/jxnblk/grid-styled): Responsive grid system ([demo](http://jxnblk.com/grid-styled/))
-- [ARc](https://github.com/diegohaz/arc): Atomic React App boilerplate with styled components ([demo](https://diegohaz.github.io/arc))
-- [`react-aria-tooltip`](https://github.com/egoens/react-aria-tooltip): Simple & accessible ReactJS tooltip component
-- [`react-boilerplate`](https://github.com/mxstbr/react-boilerplate): A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices
-- [PostCSS.parts](http://postcss.parts): A searchable catalog of PostCSS plugins
-- [Hedron](http://github.com/jsbros/hedron): A no-frills flex-box grid system.
+### Libraries
+- [react-aria-tooltip](https://github.com/egoens/react-aria-tooltip): Simple & accessible ReactJS tooltip component
 - [uiGradients](http://jsbros.github.io/uigradients): Generate beautiful background gradients from the [uigradients.com](http://uigradients.com) database.
-- [react-presents](https://bvaughn.github.io/react-presents/): Highly customizable React slideshow framework with syntaxt highlighting and mobile support.
 - [react-enhanced-form](https://github.com/xeonys/react-enhanced-form): The best react form component, on earth 🌍. It makes form inputs easy, finally !
 - [react-teleportation](https://github.com/xeonys/react-teleportation): Teleport your components to the foreground.
 - [reshake](https://github.com/elrumordelaluz/reshake): CSShake as a React Functional Component ([demo](https://elrumordelaluz.github.io/reshake/))
-- [space-exp](https://github.com/caspg/space-exp): Brings you each day a stunning picture of our universe, Astronomy Picture of the Day (APOD). Website: [spaceexperience.club](https://spaceexperience.club/)
-- [sachagreif.com](http://sachagreif.com): personal homepage built with [Gatsby](https://github.com/gatsbyjs/gatsby) ([source](https://github.com/SachaG/sg2017)).
 - [last-draft](https://github.com/vacenz/last-draft): A Draft.js Editor ([demo](http://lastdraft.vace.nz))
-- [`Dirtyredz.com`](https://github.com/dirtyredz/dirtyredz.com): David McClain | Dirtyredz - About me, Latest projects and Contact ([Website](http://dirtyredz.com))
-- [react-adminlte-dash](https://github.com/zksailor534/react-adminlte-dash): AdminLTE dashboard components in React ([demo](http://zksailor534.github.io/react-adminlte-dash))
-- [Reactiflux](https://www.reactiflux.com): Reactiflux community home build with [Gatsby](https://github.com/gatsbyjs/gatsby) ([source](https://github.com/reactiflux/reactiflux.com)).
-- [react-styled-flexboxgrid](https://github.com/LoicMahieu/react-styled-flexboxgrid): Grid system based on Flexbox ([demo](https://loicmahieu.github.io/react-styled-flexboxgrid/demo/index.html))
+- [styled-components-spacing](https://github.com/jameslnewell/styled-components-spacing): Responsive margin and padding components for `styled-components`.
+
+#### Grid Systems
+- [grid-styled](https://github.com/jxnblk/grid-styled): Responsive grid system ([demo](http://jxnblk.com/grid-styled/))
+- [Hedron](http://github.com/jsbros/hedron): A no-frills flex-box grid system.
+- [styled-components-grid](https://github.com/jameslnewell/styled-components-grid): Responsive grid components for `styled-components`.
+
+#### Helpers
 - [styled-props](https://github.com/RafalFilipek/styled-props): Simple lib that allows you to set styled props in your styled-components without stress ([demo](http://www.webpackbin.com/N1EKUqgvG))
-- [colors-show](https://github.com/RafalFilipek/colors-show): Present your application colors with style. ([demo](https://colors-show.now.sh/))
-- [`styled-components-breakpoint`](https://github.com/jameslnewell/styled-components-breakpoint): Utility function for using breakpoints with `styled-components`.
-- [`styled-components-grid`](https://github.com/jameslnewell/styled-components-grid): Responsive grid components for `styled-components`.
-- [Scalable React Boilerplate](https://github.com/RyanCCollins/scalable-react-boilerplate)
-- [Scalable React TypeScript Boilerplate](https://github.com/RyanCCollins/scalable-react-ts-boilerplate)
+- [styled-components-breakpoint](https://github.com/jameslnewell/styled-components-breakpoint): Utility function for using breakpoints with `styled-components`.
 - [styled-theme](https://github.com/diegohaz/styled-theme): Extensible theming system for styled-components.
 - [styled-tools](https://github.com/diegohaz/styled-tools): Useful interpolated functions for styled-components.
-- [`styled-components-spacing`](https://github.com/jameslnewell/styled-components-spacing): Responsive margin and padding components for `styled-components`.
+- [styled-ax](https://github.com/Lokua/styled-ax): Functional theme property accessor(s)
 
+### Boilerplates
+- [react-redux-styled-hot-universal](https://github.com/krasevych/react-redux-styled-hot-universal) (SSR, Universal Webpack, Redux, React-router, Webpack 2, Babel, Styled Components and more...)
+- [ARc](https://github.com/diegohaz/arc): Atomic React App boilerplate with styled components ([demo](https://diegohaz.github.io/arc))
+- [react-boilerplate](https://github.com/mxstbr/react-boilerplate): A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices
+- [react-styled-flexboxgrid](https://github.com/LoicMahieu/react-styled-flexboxgrid): Grid system based on Flexbox ([demo](https://loicmahieu.github.io/react-styled-flexboxgrid/demo/index.html))
+- [Scalable React Boilerplate](https://github.com/RyanCCollins/scalable-react-boilerplate)
+- [Scalable React TypeScript Boilerplate](https://github.com/RyanCCollins/scalable-react-ts-boilerplate)
+- [Superstylin'](https://github.com/bntzio/gatsby-starter-superstylin): A Gatsby starter with styled-components 💅 ([demo](https://superstylin.netlify.com/))
+
+### Websites
+- [PostCSS.parts](http://postcss.parts): A searchable catalog of PostCSS plugins
+- [spaceexperience.club](https://spaceexperience.club/): Brings you each day a stunning picture of our universe, Astronomy Picture of the Day. ([source](https://github.com/caspg/space-exp))
+- [sachagreif.com](http://sachagreif.com): personal homepage built with [Gatsby](https://github.com/gatsbyjs/gatsby) ([source](https://github.com/SachaG/sg2017)).
+- [Dirtyredz.com](http://dirtyredz.com): David McClain | Dirtyredz - About me, Latest projects and Contact ([source](https://github.com/dirtyredz/dirtyredz.com))
+- [Reactiflux](https://www.reactiflux.com): Reactiflux community home build with [Gatsby](https://github.com/gatsbyjs/gatsby) ([source](https://github.com/reactiflux/reactiflux.com)).
+
+### Other
+- [react-presents](https://bvaughn.github.io/react-presents/): Highly customizable React slideshow framework with syntaxt highlighting and mobile support.
+- [react-adminlte-dash](https://github.com/zksailor534/react-adminlte-dash): AdminLTE dashboard components in React ([demo](http://zksailor534.github.io/react-adminlte-dash))
+- [colors-show](https://github.com/RafalFilipek/colors-show): Present your application colors with style. ([demo](https://colors-show.now.sh/))
+
 *Built something with `styled-components`? Submit a PR and add it to this list!*
@@ -505,0 +526,0 @@

src/constructors/keyframes.js

 // @flow
-import hashStr from 'glamor/lib/hash'
+import hashStr from '../vendor/glamor/hash'
 import css from './css'
@@ -4,0 +4,0 @@ import GlobalStyle from '../models/GlobalStyle'

src/hoc/withTheme.js

@@ -5,2 +5,3 @@ // @flow
 import React from 'react'
+import PropTypes from 'prop-types'
 import { CHANNEL } from '../models/ThemeProvider'
@@ -10,3 +11,3 @@
   static contextTypes = {
-    [CHANNEL]: React.PropTypes.func,
+    [CHANNEL]: PropTypes.func,
   };
@@ -13,0 +14,0 @@

src/models/AbstractStyledComponent.js

 // @flow
-import { Component, PropTypes } from 'react'
+import { Component } from 'react'
+import PropTypes from 'prop-types'
 
@@ -4,0 +5,0 @@ import { CHANNEL } from './ThemeProvider'

src/models/ComponentStyle.js

 // @flow
-import hashStr from 'glamor/lib/hash'
+import hashStr from '../vendor/glamor/hash'
 
@@ -4,0 +4,0 @@ import type { RuleSet, NameGenerator, GlamorInsertedRule } from '../types'

src/models/InlineStyle.js

 // @flow
-import hashStr from 'glamor/lib/hash'
 /* eslint-disable import/no-unresolved */
@@ -7,2 +6,3 @@ import { StyleSheet } from 'react-native'
 
+import hashStr from '../vendor/glamor/hash'
 import type { RuleSet } from '../types'
@@ -9,0 +9,0 @@ import flatten from '../utils/flatten'

src/models/StyledComponent.js

@@ -31,8 +31,5 @@ // @flow
 
-      constructor() {
-        super()
-        this.state = {
-          theme: null,
-          generatedClassName: '',
-        }
+      state = {
+        theme: null,
+        generatedClassName: '',
       }
@@ -39,0 +36,0 @@

src/models/StyledNativeComponent.js

@@ -29,7 +29,5 @@ // @flow
 
-    constructor() {
-      super()
-      this.state = {
-        theme: {},
-      }
+    state = {
+      theme: {},
+      generatedStyles: undefined,
     }
@@ -36,0 +34,0 @@

src/models/ThemeProvider.js

 // @flow
 /* globals React$Element */
-import React, { PropTypes, Component } from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import isFunction from 'is-function'
@@ -5,0 +6,0 @@ import isPlainObject from 'is-plain-object'

src/native/index.js

@@ -25,3 +25,3 @@ // @flow
  Touchable TouchableHighlight TouchableNativeFeedback TouchableOpacity TouchableWithoutFeedback
- View ViewPagerAndroid WebView`
+ View ViewPagerAndroid WebView FlatList SectionList VirtualizedList`
 
@@ -28,0 +28,0 @@ /* Define a getter for each alias which simply gets the reactNative component

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

2124569

increased by2.37%

Number of package files

268

increased by0.37%

Lines of code

38751

increased by2.11%

Number of lines in readme file

555

increased by3.93%

Dependency changes

• + Addedprop-types@^15.5.4

• - Removedglamor@^2.20.12

• - Removedcss-in-js-utils@2.0.1(transitive)

• - Removedglamor@2.20.40(transitive)

• - Removedinline-style-prefixer@3.0.8(transitive)

• - Removedthrough@2.3.8(transitive)