@codersociety/grid - npm Package Compare versions

Comparing version 1.0.3 to 1.0.4

dist/Grid.js

@@ -0,1 +1,2 @@
+"use strict";
 var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
@@ -5,17 +6,18 @@ if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
 };
-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) {
+Object.defineProperty(exports, "__esModule", { value: true });
+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) {
     var gutterX = _a.gutterX, gutterY = _a.gutterY, render = _a.render;
-    return (React.createElement(Wrapper, { ml: "-" + gutterX, mb: "-" + gutterY },
-        React.createElement(Flex, null, render({ gutterX: gutterX, gutterY: gutterY }))));
+    return (react_1.default.createElement(Wrapper, { ml: "-" + gutterX, mb: "-" + gutterY },
+        react_1.default.createElement(exports.Flex, null, render({ gutterX: gutterX, gutterY: gutterY }))));
 };
-Grid.defaultProps = {
+exports.Grid.defaultProps = {
     gutterX: "0",
     gutterY: "0"
 };
-export var size = style({
+exports.size = styled_system_1.style({
     prop: "size",
@@ -25,3 +27,3 @@ cssProperty: "flex",
 });
-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);
+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);
 var templateObject_1, templateObject_2, templateObject_3;

dist/index.js

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

package.json

 {
   "name": "@codersociety/grid",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "Responsive Grid React Component",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

No alert changes

Improved metrics

Total package byte prevSize

5794

5.17%

Lines of code

60

7.14%

No dependency changes