react-flexr - npm Package Compare versions

Comparing version 1.4.0 to 1.4.1

lib/breakpoints.js

		@@ -7,10 +7,26 @@ 'use strict';

		var _match = require('./utils/media-queries');
		var _generateMediaString$match = require('./utils/media-queries');

		var settings = {
		palm: { max: 680 },
		lap: { max: 959, min: 681 },
		portable: { max: 959 },
		desk: { min: 960 }
		};

		exports['default'] = {
		palm: _match.match({ max: 680 }),
		lap: _match.match({ max: 959, min: 681 }),
		portable: _match.match({ max: 959 }),
		desk: _match.match({ min: 960 })
		matchMedia: {
		palm: _generateMediaString$match.match(settings.palm),
		lap: _generateMediaString$match.match(settings.lap),
		portable: _generateMediaString$match.match(settings.portable),
		desk: _generateMediaString$match.match(settings.desk)
		},
		queries: {
		palm: _generateMediaString$match.generateMediaString(settings.palm),
		lap: _generateMediaString$match.generateMediaString(settings.lap),
		portable: _generateMediaString$match.generateMediaString(settings.portable),
		desk: _generateMediaString$match.generateMediaString(settings.desk)
		},
		settings: settings
		};
		module.exports = exports['default'];

lib/defaults.js

		@@ -19,6 +19,4 @@ 'use strict';

		var _breakpoints = require('./breakpoints');
		var _matchMedia = require('./breakpoints');

		var _breakpoints2 = _interopRequireWildcard(_breakpoints);

		var variables = {
		@@ -30,3 +28,3 @@ gutter: '1em'
		variables: variables,
		breakpoints: _breakpoints2['default'],
		breakpoints: _matchMedia.matchMedia,

		@@ -33,0 +31,0 @@ staticProperties: {

lib/index.js

		@@ -17,6 +17,11 @@ 'use strict';

		var _breakpoints = require('./breakpoints');

		var _breakpoints2 = _interopRequireWildcard(_breakpoints);

		exports['default'] = {
		Grid: _Grid2['default'],
		Cell: _Cell2['default']
		Cell: _Cell2['default'],
		breakpoints: _breakpoints2['default']
		};
		module.exports = exports['default'];

package.json

		{
		"name": "react-flexr",
		"version": "1.4.0",
		"version": "1.4.1",
		"description": "React flexbox grid made simple.",
		@@ -5,0 +5,0 @@ "main": "lib",

src/breakpoints.js

		@@ -1,8 +0,24 @@
		import { match } from './utils/media-queries';
		import { generateMediaString, match } from './utils/media-queries';

		const settings = {
		palm: { max: 680 },
		lap: { max: 959, min: 681 },
		portable: { max: 959 },
		desk: { min: 960 }
		};

		export default {
		palm: match({ max: 680 }),
		lap: match({ max: 959, min: 681 }),
		portable: match({ max: 959 }),
		desk: match({ min: 960 })
		matchMedia: {
		palm: match( settings.palm ),
		lap: match( settings.lap ),
		portable: match( settings.portable ),
		desk: match( settings.desk )
		},
		queries: {
		palm: generateMediaString( settings.palm ),
		lap: generateMediaString( settings.lap ),
		portable: generateMediaString( settings.portable ),
		desk: generateMediaString( settings.desk )
		},
		settings
		}

src/defaults.js

		import { PropTypes as Type } from 'react';
		import assign from 'react/lib/Object.assign';
		import shouldComponentUpdate from 'react/lib/shouldUpdateReactComponent';
		import breakpoints from './breakpoints';
		import { matchMedia } from './breakpoints';

		@@ -12,3 +12,3 @@ const variables = {
		variables,
		breakpoints,
		breakpoints: matchMedia,

		@@ -15,0 +15,0 @@ staticProperties: {

src/index.js

		import Grid from './grid.component';
		import Cell from './cell.component';
		import breakpoints from './breakpoints';

		export default {
		Grid,
		Cell
		Cell,
		breakpoints
		}

New alerts