Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-grid-system

Package Overview
Dependencies
Maintainers
2
Versions
132
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-grid-system - npm Package Compare versions

Comparing version 3.0.1 to 3.0.2

5

build/grid/Col/index.js

@@ -76,3 +76,5 @@ 'use strict';

var theStyle = (0, _style2.default)({
width: { xs: xs, sm: sm, md: md, lg: lg, xl: xl },
width: {
xs: xs, sm: sm, md: md, lg: lg, xl: xl
},
offset: offset,

@@ -171,3 +173,2 @@ pull: pull,

pull: {},
align: 'normal',
style: {},

@@ -174,0 +175,0 @@ debug: false

4

build/grid/Row/index.js

@@ -95,4 +95,4 @@ 'use strict';

/**
* Set to apply some debug styling
*/
* Set to apply some debug styling
*/
debug: _propTypes2.default.bool

@@ -99,0 +99,0 @@ };

{
"name": "react-grid-system",
"version": "3.0.1",
"version": "3.0.2",
"description": "A no CSS Bootstrap-like responsive grid system for React.",

@@ -46,21 +46,23 @@ "main": "./build/index.js",

"lodash": "^4.17.4",
"prop-types": "^15.5.0",
"react": "^15.5.0"
"prop-types": "^15.6.0",
"react": "^16.0.0"
},
"devDependencies": {
"babel-cli": "6.24.1",
"babel-eslint": "7.2.3",
"babel-preset-latest": "6.24.1",
"babel-preset-react": "6.24.1",
"babel-preset-stage-1": "6.24.1",
"eslint": "3.19.0",
"eslint-config-airbnb": "14.1.0",
"eslint-plugin-import": "2.2.0",
"eslint-plugin-jsx-a11y": "4.0.0",
"eslint-plugin-react": "6.10.3",
"react-dom": "15.5.4",
"react-styleguidist": "4.6.3",
"rimraf": "2.6.1",
"webpack": "1.15.0"
"babel-cli": "^6.26.0",
"babel-core": "^6.26.0",
"babel-eslint": "^8.0.1",
"babel-loader": "^7.1.2",
"babel-preset-env": "^1.6.0",
"babel-preset-react": "^6.24.1",
"babel-preset-stage-1": "^6.24.1",
"eslint": "^4.8.0",
"eslint-config-airbnb": "^16.0.0",
"eslint-plugin-import": "^2.7.0",
"eslint-plugin-jsx-a11y": "^6.0.2",
"eslint-plugin-react": "^7.4.0",
"react-dom": "^16.0.0",
"react-styleguidist": "^6.0.28",
"rimraf": "^2.6.2",
"webpack": "^3.6.0"
}
}

@@ -68,8 +68,6 @@ /* global window */

*/
style: PropTypes.objectOf(
PropTypes.oneOfType([
PropTypes.number,
PropTypes.string,
]),
),
style: PropTypes.objectOf(PropTypes.oneOfType([
PropTypes.number,
PropTypes.string,
])),
/**

@@ -91,3 +89,2 @@ * Set to apply some debug styling

pull: {},
align: 'normal',
style: {},

@@ -122,7 +119,9 @@ debug: false,

const {
children, xs, sm, md, lg, xl, offset, pull, push, debug, style,
...otherProps
children, xs, sm, md, lg, xl, offset, pull, push, debug, style,
...otherProps
} = this.props;
const theStyle = getStyle({
width: { xs, sm, md, lg, xl },
width: {
xs, sm, md, lg, xl,
},
offset,

@@ -129,0 +128,0 @@ pull,

@@ -12,10 +12,11 @@ import { defaultGutterWidth, normalizeColumnWidth, screenClasses } from '../../utils';

export default ({
width = {},
offset = {},
pull = {},
push = {},
debug,
screenClass,
gutterWidth,
moreStyle }) => {
width = {},
offset = {},
pull = {},
push = {},
debug,
screenClass,
gutterWidth,
moreStyle,
}) => {
const theGutterWidth = typeof gutterWidth === 'number' ? gutterWidth : defaultGutterWidth;

@@ -22,0 +23,0 @@

@@ -47,8 +47,6 @@ /* global window */

*/
style: PropTypes.objectOf(
PropTypes.oneOfType([
PropTypes.number,
PropTypes.string,
]),
),
style: PropTypes.objectOf(PropTypes.oneOfType([
PropTypes.number,
PropTypes.string,
])),
};

@@ -91,3 +89,5 @@

render = () => {
const { children, fluid, xs, sm, md, lg, xl, style, ...otherProps } = this.props;
const {
children, fluid, xs, sm, md, lg, xl, style, ...otherProps
} = this.props;
const theStyle = getStyle({

@@ -94,0 +94,0 @@ fluid,

@@ -23,9 +23,7 @@ import React from 'react';

*/
style: PropTypes.objectOf(
PropTypes.oneOfType([
PropTypes.number,
PropTypes.string,
]),
),
/**
style: PropTypes.objectOf(PropTypes.oneOfType([
PropTypes.number,
PropTypes.string,
])),
/**
* Set to apply some debug styling

@@ -48,3 +46,5 @@ */

render = () => {
const { children, style, align, grow, debug, ...otherProps } = this.props;
const {
children, style, align, grow, debug, ...otherProps
} = this.props;
const theStyle = getStyle({

@@ -51,0 +51,0 @@ gutterWidth: this.context.gutterWidth,

import { defaultGutterWidth } from '../../utils';
export default ({ gutterWidth, align, grow, debug, moreStyle }) => {
export default ({
gutterWidth, align, grow, debug, moreStyle,
}) => {
const theGutterWidth = typeof gutterWidth === 'number' ? gutterWidth : defaultGutterWidth;

@@ -5,0 +7,0 @@

@@ -1,2 +0,4 @@

export const hidden = ({ screenClass, xs, sm, md, lg, xl }) => {
export const hidden = ({
screenClass, xs, sm, md, lg, xl,
}) => {
if (screenClass === 'xl') return xl;

@@ -3,0 +5,0 @@ if (screenClass === 'lg') return lg;

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc