@ausbom/grid - npm Package Compare versions

Comparing version 0.3.5 to 0.4.0

CHANGELOG.md

@@ -6,2 +6,16 @@ # Change Log
 
+<a name="0.4.0"></a>
+# [0.4.0](https://github.com/AusBOM/bom-design-system/compare/@ausbom/grid@0.3.5...@ausbom/grid@0.4.0) (2019-12-16)
+
+
+### Features
+
+* adds first pass at location template ([4e3d8fa](https://github.com/AusBOM/bom-design-system/commit/4e3d8fa))
+* second pass at location template ([73efa52](https://github.com/AusBOM/bom-design-system/commit/73efa52))
+* updates based on pr feedback ([c1b10a8](https://github.com/AusBOM/bom-design-system/commit/c1b10a8))
+
+
+
+
+
 <a name="0.3.5"></a>
@@ -8,0 +22,0 @@ ## [0.3.5](https://github.com/AusBOM/bom-design-system/compare/@ausbom/grid@0.3.4...@ausbom/grid@0.3.5) (2019-12-05)

lib/Grid.d.ts

@@ -26,2 +26,3 @@ import React from 'react'
   verticalAlign?: VerticalAlignment
+  noRowGutter?: boolean
 }
@@ -28,0 +29,0 @@ export default class extends React.PureComponent<IProps> {

lib/Grid.js

@@ -1,1 +0,1 @@
-"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=exports.GridItem=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _typeof2=_interopRequireDefault(require("@babel/runtime/helpers/typeof"));var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _classnames=_interopRequireDefault(require("classnames"));var _react=_interopRequireDefault(require("react"));var bpClasses=function bpClasses(bp,prop){var classSuffix="bom-grid-col-".concat(bp);var classes=[];if(typeof prop==="boolean"&&prop===true){classes=[].concat((0,_toConsumableArray2["default"])(classes),["".concat(classSuffix)])}else if(typeof prop==="number"){classes=[].concat((0,_toConsumableArray2["default"])(classes),["".concat(classSuffix,"--span-").concat(prop)])}else if((0,_typeof2["default"])(prop)==="object"){if(typeof prop.offset==="number"){classes=[].concat((0,_toConsumableArray2["default"])(classes),["".concat(classSuffix,"--offset-").concat(prop.offset)])}if(typeof prop.span==="number"){classes=[].concat((0,_toConsumableArray2["default"])(classes),["".concat(classSuffix,"--span-").concat(prop.span)])}}return classes};var GridItem=function GridItem(_ref){var children=_ref.children,className=_ref.className,xs=_ref.xs,s=_ref.s,m=_ref.m,l=_ref.l,otherProps=(0,_objectWithoutProperties2["default"])(_ref,["children","className","xs","s","m","l"]);var classes=_classnames["default"].apply(void 0,[className,"bom-grid-col"].concat((0,_toConsumableArray2["default"])(bpClasses("xs",xs)),(0,_toConsumableArray2["default"])(bpClasses("s",s)),(0,_toConsumableArray2["default"])(bpClasses("m",m)),(0,_toConsumableArray2["default"])(bpClasses("l",l))));return _react["default"].createElement("div",(0,_extends2["default"])({className:classes},otherProps),children)};exports.GridItem=GridItem;var Grid=/*#__PURE__*/function(_React$PureComponent){(0,_inherits2["default"])(Grid,_React$PureComponent);function Grid(){(0,_classCallCheck2["default"])(this,Grid);return(0,_possibleConstructorReturn2["default"])(this,(0,_getPrototypeOf2["default"])(Grid).apply(this,arguments))}(0,_createClass2["default"])(Grid,[{key:"render",value:function render(){var _this$props=this.props,className=_this$props.className,children=_this$props.children,verticalAlign=_this$props.verticalAlign,otherProps=(0,_objectWithoutProperties2["default"])(_this$props,["className","children","verticalAlign"]);var classes=(0,_classnames["default"])(className,(0,_defineProperty2["default"])({"bom-grid":true},"bom-grid--vertical-align-".concat(verticalAlign),!!verticalAlign));return _react["default"].createElement("div",(0,_extends2["default"])({className:classes},otherProps),children)}}]);return Grid}(_react["default"].PureComponent);exports["default"]=Grid;(0,_defineProperty2["default"])(Grid,"defaultProps",{verticalAlign:"stretch"});
+"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=exports.GridItem=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _typeof2=_interopRequireDefault(require("@babel/runtime/helpers/typeof"));var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _classnames=_interopRequireDefault(require("classnames"));var _react=_interopRequireDefault(require("react"));var bpClasses=function bpClasses(bp,prop){var classSuffix="bom-grid-col-".concat(bp);var classes=[];if(typeof prop==="boolean"&&prop===true){classes=[].concat((0,_toConsumableArray2["default"])(classes),["".concat(classSuffix)])}else if(typeof prop==="number"){classes=[].concat((0,_toConsumableArray2["default"])(classes),["".concat(classSuffix,"--span-").concat(prop)])}else if((0,_typeof2["default"])(prop)==="object"){if(typeof prop.offset==="number"){classes=[].concat((0,_toConsumableArray2["default"])(classes),["".concat(classSuffix,"--offset-").concat(prop.offset)])}if(typeof prop.span==="number"){classes=[].concat((0,_toConsumableArray2["default"])(classes),["".concat(classSuffix,"--span-").concat(prop.span)])}}return classes};var GridItem=function GridItem(_ref){var children=_ref.children,className=_ref.className,xs=_ref.xs,s=_ref.s,m=_ref.m,l=_ref.l,otherProps=(0,_objectWithoutProperties2["default"])(_ref,["children","className","xs","s","m","l"]);var classes=_classnames["default"].apply(void 0,[className,"bom-grid-col"].concat((0,_toConsumableArray2["default"])(bpClasses("xs",xs)),(0,_toConsumableArray2["default"])(bpClasses("s",s)),(0,_toConsumableArray2["default"])(bpClasses("m",m)),(0,_toConsumableArray2["default"])(bpClasses("l",l))));return _react["default"].createElement("div",(0,_extends2["default"])({className:classes},otherProps),children)};exports.GridItem=GridItem;var Grid=/*#__PURE__*/function(_React$PureComponent){(0,_inherits2["default"])(Grid,_React$PureComponent);function Grid(){(0,_classCallCheck2["default"])(this,Grid);return(0,_possibleConstructorReturn2["default"])(this,(0,_getPrototypeOf2["default"])(Grid).apply(this,arguments))}(0,_createClass2["default"])(Grid,[{key:"render",value:function render(){var _this$props=this.props,className=_this$props.className,children=_this$props.children,verticalAlign=_this$props.verticalAlign,noRowGutter=_this$props.noRowGutter,otherProps=(0,_objectWithoutProperties2["default"])(_this$props,["className","children","verticalAlign","noRowGutter"]);var classes=(0,_classnames["default"])(className,(0,_defineProperty2["default"])({"bom-grid":true,"bom-grid--no-row-gutter":!!noRowGutter},"bom-grid--vertical-align-".concat(verticalAlign),!!verticalAlign));return _react["default"].createElement("div",(0,_extends2["default"])({className:classes},otherProps),children)}}]);return Grid}(_react["default"].PureComponent);exports["default"]=Grid;(0,_defineProperty2["default"])(Grid,"defaultProps",{verticalAlign:"stretch",noRowGutter:false});

package.json

 {
   "name": "@ausbom/grid",
-  "version": "0.3.5",
+  "version": "0.4.0",
   "description": "A grid is like an invisible table that helps designers position interface elements with strong alignment and consistent spacing. Grids are made up of columns, rows, gutters, and margins.",
@@ -45,5 +45,5 @@ "keywords": [
   "dependencies": {
-    "@ausbom/styles": "^0.5.1"
+    "@ausbom/styles": "^0.6.0"
   },
-  "gitHead": "8889de082fabbba36037654756072e65d8252d5b"
+  "gitHead": "c314aeaebb106c7bbbb9423f287efed1a47597d1"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

13249

increased by5.71%

Lines of code

30

increased by3.45%

Dependency changes

• + Added@ausbom/styles@0.6.0(transitive)

• - Removed@ausbom/styles@0.5.1(transitive)

• Updated@ausbom/styles@^0.6.0