You're Invited:Meet the Socket Team at RSAC and BSidesSF 2026, March 23–26.RSVP →
Socket
Book a DemoSign in
Socket
Book a DemoSign in

github.com/trendmicro-frontend/react-grid-system

Package Overview
Dependencies
Versions
5
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

github.com/trendmicro-frontend/react-grid-system - go Package Compare versions

Comparing version
v1.0.0
 to
v1.1.0
docs/build/bundle.81f256fa.js

Sorry, the diff of this file is too big to display

+10
src/clearfix.styl
clearfix() {
&:before,
&:after {
content: "";
display: table;
}
&:after {
clear: both;
}
}
+0
-1
.travis.yml

@@ -11,3 +11,2 @@ sudo: required

node_js:
- '6'
- '8'

@@ -14,0 +13,0 @@ - '10'

+1
-16
dist/react-grid-system.css

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

/*! react-grid-system v1.0.0 | (c) 2019 Trend Micro Inc. | MIT | https://github.com/trendmicro-frontend/react-grid-system */
/*! react-grid-system v1.1.0 | (c) 2019 Trend Micro Inc. | MIT | https://github.com/trendmicro-frontend/react-grid-system */
/**

@@ -11,3 +11,2 @@ * Container

.grid-system---floats-container---ucGke {
zoom: 1;
position: relative;

@@ -28,5 +27,2 @@ margin-right: auto;

*/
.grid-system---floats-row---3L-46 {
zoom: 1;
}
.grid-system---floats-row---3L-46:before,

@@ -41,13 +37,3 @@ .grid-system---floats-row---3L-46:after {

.grid-system---flexbox-row---38uB8 {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-o-box-lines: multiple;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;

@@ -59,3 +45,2 @@ }

.grid-system---floats-col---LUxzY {
zoom: 1;
float: left;

@@ -62,0 +47,0 @@ position: relative;

+1
-1
dist/react-grid-system.css.map

@@ -1,1 +0,1 @@

{"version":3,"sources":["webpack:///./src/index.styl"],"names":[],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"../dist/react-grid-system.css","sourcesContent":["/**\n * Container\n */\n.grid-system---flexbox-container---3Fao- {\n position: relative;\n margin-left: auto;\n margin-right: auto;\n}\n.grid-system---floats-container---ucGke {\n zoom: 1;\n position: relative;\n margin-right: auto;\n margin-left: auto;\n}\n.grid-system---floats-container---ucGke:before,\n.grid-system---floats-container---ucGke:after {\n content: \"\";\n display: table;\n}\n.grid-system---floats-container---ucGke:after {\n clear: both;\n}\n/**\n * Row\n */\n.grid-system---floats-row---3L-46 {\n zoom: 1;\n}\n.grid-system---floats-row---3L-46:before,\n.grid-system---floats-row---3L-46:after {\n content: \"\";\n display: table;\n}\n.grid-system---floats-row---3L-46:after {\n clear: both;\n}\n.grid-system---flexbox-row---38uB8 {\n display: -webkit-box;\n display: -moz-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: box;\n display: flex;\n -webkit-box-lines: multiple;\n -moz-box-lines: multiple;\n -o-box-lines: multiple;\n -webkit-flex-wrap: wrap;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n/**\n * Col\n */\n.grid-system---floats-col---LUxzY {\n zoom: 1;\n float: left;\n position: relative;\n width: 100%;\n min-height: 1px;\n}\n.grid-system---floats-col---LUxzY:before,\n.grid-system---floats-col---LUxzY:after {\n content: \"\";\n display: table;\n}\n.grid-system---floats-col---LUxzY:after {\n clear: both;\n}\n.grid-system---flexbox-col---lXegW {\n position: relative;\n width: 100%;\n min-height: 1px;\n}\n"],"sourceRoot":""}
{"version":3,"sources":["webpack:///./src/index.styl"],"names":[],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"../dist/react-grid-system.css","sourcesContent":["/**\n * Container\n */\n.grid-system---flexbox-container---3Fao- {\n position: relative;\n margin-left: auto;\n margin-right: auto;\n}\n.grid-system---floats-container---ucGke {\n position: relative;\n margin-right: auto;\n margin-left: auto;\n}\n.grid-system---floats-container---ucGke:before,\n.grid-system---floats-container---ucGke:after {\n content: \"\";\n display: table;\n}\n.grid-system---floats-container---ucGke:after {\n clear: both;\n}\n/**\n * Row\n */\n.grid-system---floats-row---3L-46:before,\n.grid-system---floats-row---3L-46:after {\n content: \"\";\n display: table;\n}\n.grid-system---floats-row---3L-46:after {\n clear: both;\n}\n.grid-system---flexbox-row---38uB8 {\n display: flex;\n flex-wrap: wrap;\n}\n/**\n * Col\n */\n.grid-system---floats-col---LUxzY {\n float: left;\n position: relative;\n width: 100%;\n min-height: 1px;\n}\n.grid-system---floats-col---LUxzY:before,\n.grid-system---floats-col---LUxzY:after {\n content: \"\";\n display: table;\n}\n.grid-system---floats-col---LUxzY:after {\n clear: both;\n}\n.grid-system---flexbox-col---lXegW {\n position: relative;\n width: 100%;\n min-height: 1px;\n}\n"],"sourceRoot":""}
+1
-1
dist/react-grid-system.min.css

@@ -1,1 +0,1 @@

/*! react-grid-system v1.0.0 | (c) 2019 Trend Micro Inc. | MIT | https://github.com/trendmicro-frontend/react-grid-system */.grid-system---flexbox-container---3Fao-{position:relative;margin-left:auto;margin-right:auto}.grid-system---floats-container---ucGke{zoom:1;position:relative;margin-right:auto;margin-left:auto}.grid-system---floats-container---ucGke:after,.grid-system---floats-container---ucGke:before{content:"";display:table}.grid-system---floats-container---ucGke:after{clear:both}.grid-system---floats-row---3L-46{zoom:1}.grid-system---floats-row---3L-46:after,.grid-system---floats-row---3L-46:before{content:"";display:table}.grid-system---floats-row---3L-46:after{clear:both}.grid-system---flexbox-row---38uB8{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.grid-system---floats-col---LUxzY{zoom:1;float:left;position:relative;width:100%;min-height:1px}.grid-system---floats-col---LUxzY:after,.grid-system---floats-col---LUxzY:before{content:"";display:table}.grid-system---floats-col---LUxzY:after{clear:both}.grid-system---flexbox-col---lXegW{position:relative;width:100%;min-height:1px}
/*! react-grid-system v1.1.0 | (c) 2019 Trend Micro Inc. | MIT | https://github.com/trendmicro-frontend/react-grid-system */.grid-system---flexbox-container---3Fao-{position:relative;margin-left:auto;margin-right:auto}.grid-system---floats-container---ucGke{position:relative;margin-right:auto;margin-left:auto}.grid-system---floats-container---ucGke:after,.grid-system---floats-container---ucGke:before{content:"";display:table}.grid-system---floats-container---ucGke:after{clear:both}.grid-system---floats-row---3L-46:after,.grid-system---floats-row---3L-46:before{content:"";display:table}.grid-system---floats-row---3L-46:after{clear:both}.grid-system---flexbox-row---38uB8{display:flex;flex-wrap:wrap}.grid-system---floats-col---LUxzY{float:left;position:relative;width:100%;min-height:1px}.grid-system---floats-col---LUxzY:after,.grid-system---floats-col---LUxzY:before{content:"";display:table}.grid-system---floats-col---LUxzY:after{clear:both}.grid-system---flexbox-col---lXegW{position:relative;width:100%;min-height:1px}
+1
-1
docs/index.html

@@ -1,1 +0,1 @@

<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>React Grid System v1.0.0</title><link href="main.css" rel="stylesheet"></head><body><div id="rsg-root"></div><script src="build/bundle.01dbaed3.js"></script></body></html>
<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>React Grid System v1.1.0</title><link href="main.css" rel="stylesheet"></head><body><div id="rsg-root"></div><script src="build/bundle.81f256fa.js"></script></body></html>
+0
-15
docs/main.css

@@ -10,3 +10,2 @@ /**

.floats-container---ucGke {
zoom: 1;
position: relative;

@@ -27,5 +26,2 @@ margin-right: auto;

*/
.floats-row---3L-46 {
zoom: 1;
}
.floats-row---3L-46:before,

@@ -40,13 +36,3 @@ .floats-row---3L-46:after {

.flexbox-row---38uB8 {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-o-box-lines: multiple;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;

@@ -58,3 +44,2 @@ }

.floats-col---LUxzY {
zoom: 1;
float: left;

@@ -61,0 +46,0 @@ position: relative;

+35
-35
package.json
{
"name": "@trendmicro/react-grid-system",
"version": "1.0.0",
"version": "1.1.0",
"description": "React Grid System component",

@@ -11,3 +11,3 @@ "main": "lib/index.js",

"scripts": {
"prepublish": "npm run lint && npm test && npm run clean && npm run build && npm run styleguide:build",
"prepare": "npm run lint && npm test && npm run clean && npm run build && npm run styleguide:build",
"build": "webpack-cli && npm run cleancss",

@@ -67,49 +67,49 @@ "clean": "rm -f {lib,dist}/*",

"devDependencies": {
"@babel/cli": "~7.2.3",
"@babel/core": "~7.2.2",
"@babel/polyfill": "~7.2.5",
"@babel/preset-env": "~7.2.3",
"@babel/cli": "~7.5.5",
"@babel/core": "~7.5.5",
"@babel/polyfill": "~7.4.4",
"@babel/preset-env": "~7.5.5",
"@babel/preset-react": "~7.0.0",
"@babel/register": "~7.0.0",
"@babel/register": "~7.5.5",
"@trendmicro/babel-config": "~1.0.0-alpha",
"babel-eslint": "~10.0.1",
"babel-loader": "~8.0.5",
"babel-eslint": "~10.0.2",
"babel-loader": "~8.0.6",
"chained-function": "~0.5.0",
"clean-css": "~4.2.1",
"clean-css-cli": "~4.2.1",
"coveralls": "~3.0.2",
"css-loader": "~2.1.0",
"enzyme": "~3.8.0",
"enzyme-adapter-react-16": "~1.7.1",
"eslint": "~5.12.0",
"clean-css-cli": "~4.3.0",
"coveralls": "~3.0.5",
"css-loader": "~3.1.0",
"enzyme": "~3.10.0",
"enzyme-adapter-react-16": "~1.14.0",
"eslint": "~6.0.1",
"eslint-config-trendmicro": "~1.4.1",
"eslint-loader": "~2.1.1",
"eslint-plugin-import": "~2.14.0",
"eslint-plugin-jsx-a11y": "~6.1.2",
"eslint-plugin-react": "~7.12.3",
"file-loader": "~3.0.1",
"eslint-loader": "~2.2.1",
"eslint-plugin-import": "~2.18.1",
"eslint-plugin-jsx-a11y": "~6.2.3",
"eslint-plugin-react": "~7.14.2",
"file-loader": "~4.1.0",
"find-imports": "^1.1.0",
"html-webpack-plugin": "~3.2.0",
"http-server": "~0.11.1",
"jsdom": "^13.1.0",
"mini-css-extract-plugin": "~0.5.0",
"nib": "~1.1.2",
"react": ">=16.8.0",
"react-bootstrap-buttons": "~0.3.0",
"react-dom": ">=16.8.0",
"jsdom": "^15.1.1",
"mini-css-extract-plugin": "~0.8.0",
"react": "~16.8.0",
"react-bootstrap-buttons": "~0.5.0",
"react-dom": "~16.8.0",
"react-github-corner": "~2.3.0",
"react-styleguidist": "~8.0.6",
"redux": "~4.0.1",
"react-styleguidist": "~9.1.11",
"redux": "~4.0.4",
"resize-observer-polyfill": "~1.5.1",
"style-loader": "~0.23.1",
"styled-components": "~4.1.3",
"stylint": "~1.5.9",
"styled-components": "~4.3.2",
"stylint": "~2.0.0",
"stylus": "~0.54.5",
"stylus-loader": "~3.0.2",
"tap": "~12.1.1",
"url-loader": "~1.1.2",
"webpack": "~4.28.4",
"webpack-cli": "~3.2.1",
"webpack-dev-server": "~3.1.14",
"tap": "~14.4.2",
"url-loader": "~2.1.0",
"webpack": "~4.36.1",
"webpack-cli": "~3.3.6",
"webpack-dev-server": "~3.7.2",
"which": "~1.3.1"
}
}
+2
-0
src/index.styl

@@ -0,1 +1,3 @@

@import "clearfix";
/**

@@ -2,0 +4,0 @@ * Container

+5
-14
styleguide.config.js
const path = require('path');
const stylusLoader = require('stylus-loader');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const nib = require('nib');
const webpack = require('webpack');

@@ -36,6 +34,7 @@ const pkg = require('./package.json');

options: {
modules: true,
localIdentName: '[local]---[hash:base64:5]',
camelCase: true,
importLoaders: 1
modules: {
localIdentName: '[local]---[hash:base64:5]',
},
importLoaders: 1,
localsConvention: 'camelCase',
}

@@ -78,10 +77,2 @@ },

}),
new stylusLoader.OptionsPlugin({
default: {
// nib - CSS3 extensions for Stylus
use: [nib()],
// no need to have a '@import "nib"' in the stylesheet
import: ['~nib/lib/nib/index.styl']
}
}),
new MiniCssExtractPlugin({

@@ -88,0 +79,0 @@ filename: '[name].css'

+5
-14
webpack.config.js
const path = require('path');
const findImports = require('find-imports');
const stylusLoader = require('stylus-loader');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const nib = require('nib');
const webpack = require('webpack');

@@ -55,6 +53,7 @@ const pkg = require('./package.json');

options: {
modules: true,
localIdentName: `${localClassPrefix}---[local]---[hash:base64:5]`,
camelCase: true,
importLoaders: 1
modules: {
localIdentName: `${localClassPrefix}---[local]---[hash:base64:5]`,
},
importLoaders: 1,
localsConvention: 'camelCase',
}

@@ -97,10 +96,2 @@ },

}),
new stylusLoader.OptionsPlugin({
default: {
// nib - CSS3 extensions for Stylus
use: [nib()],
// no need to have a '@import "nib"' in the stylesheet
import: ['~nib/lib/nib/index.styl']
}
}),
new MiniCssExtractPlugin({

@@ -107,0 +98,0 @@ filename: '../dist/[name].css',

docs/build/0.c80788dc.js

Sorry, the diff of this file is too big to display

docs/build/bundle.01dbaed3.js

Sorry, the diff of this file is too big to display