@codersociety/grid - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

dist/Grid.js

@@ -1,2 +0,1 @@
-"use strict";
 var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
@@ -6,24 +5,23 @@ if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-var prop_types_1 = require("prop-types");
-var react_1 = require("react");
-var styled_components_1 = require("styled-components");
-var styled_system_1 = require("styled-system");
-var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), styled_system_1.space);
-exports.Flex = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n"])));
-exports.Grid = function (_a) {
+import PropTypes from "prop-types";
+import React from "react";
+import styled from "styled-components";
+import { space, style } from "styled-system";
+var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), space);
+export var Flex = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n"])));
+export var Grid = function (_a) {
     var gutterX = _a.gutterX, gutterY = _a.gutterY, render = _a.render;
-    return (react_1.default.createElement(Wrapper, { ml: "-" + gutterX, mb: "-" + gutterY },
-        react_1.default.createElement(exports.Flex, null, render({ gutterX: gutterX, gutterY: gutterY }))));
+    return (React.createElement(Wrapper, { ml: "-" + gutterX, mb: "-" + gutterY },
+        React.createElement(Flex, null, render({ gutterX: gutterX, gutterY: gutterY }))));
 };
-exports.Grid.propTypes = {
-    gutterX: prop_types_1.default.string,
-    gutterY: prop_types_1.default.string,
-    render: prop_types_1.default.func.isRequired
+Grid.propTypes = {
+    gutterX: PropTypes.string,
+    gutterY: PropTypes.string,
+    render: PropTypes.func.isRequired
 };
-exports.Grid.defaultProps = {
+Grid.defaultProps = {
     gutterX: "0",
     gutterY: "0"
 };
-exports.size = styled_system_1.style({
+export var size = style({
     prop: "size",
@@ -33,3 +31,3 @@ cssProperty: "flex",
 });
-exports.GridColumn = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding-left: ", ";\n  padding-bottom: ", ";\n  box-sizing: border-box;\n  ", ";\n"], ["\n  padding-left: ", ";\n  padding-bottom: ", ";\n  box-sizing: border-box;\n  ", ";\n"])), function (props) { return props.gutterX; }, function (props) { return props.gutterY; }, exports.size);
+export var GridColumn = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding-left: ", ";\n  padding-bottom: ", ";\n  box-sizing: border-box;\n  ", ";\n"], ["\n  padding-left: ", ";\n  padding-bottom: ", ";\n  box-sizing: border-box;\n  ", ";\n"])), function (props) { return props.gutterX; }, function (props) { return props.gutterY; }, size);
 var templateObject_1, templateObject_2, templateObject_3;

dist/index.js

@@ -1,5 +0,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var Grid_1 = require("./Grid");
-exports.default = Grid_1.Grid;
-exports.GridColumn = Grid_1.GridColumn;
+import { Grid, GridColumn as GridColumnItem } from "./Grid";
+export default Grid;
+export var GridColumn = GridColumnItem;

package.json

 {
   "name": "@codersociety/grid",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Responsive Grid React Component",
@@ -42,3 +42,4 @@ "main": "dist/index.js",
     "tslint-react": "^3.6.0",
-    "typescript": "^3.2.2"
+    "typescript": "^3.2.2",
+    "prop-types": "^15.6.2"
   },
@@ -48,3 +49,2 @@ "dependencies": {},
     "react": "16.x",
-    "prop-types": "16.x",
     "styled-components": "4.x",
@@ -51,0 +51,0 @@ "styled-system": "3.x"

No alert changes

Improved metrics

Dependency count

3

-25%

Worsened metrics

Total package byte prevSize

5914

-5.27%

Dev dependency count

20

5.26%

Lines of code

68

-5.56%

No dependency changes