Socket
Socket
Sign inDemoInstall

@ausbom/grid

Package Overview
Dependencies
Maintainers
5
Versions
34
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@ausbom/grid - npm Package Compare versions

Comparing version 0.4.6 to 0.4.7

2

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,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});
"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 _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));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"));function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=(0,_getPrototypeOf2["default"])(Derived),result;if(hasNativeReflectConstruct){var NewTarget=(0,_getPrototypeOf2["default"])(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else{result=Super.apply(this,arguments)}return(0,_possibleConstructorReturn2["default"])(this,result)}}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true}catch(e){return false}}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/*#__PURE__*/_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);var _super=_createSuper(Grid);function Grid(){(0,_classCallCheck2["default"])(this,Grid);return _super.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/*#__PURE__*/_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});
{
"name": "@ausbom/grid",
"version": "0.4.6",
"version": "0.4.7",
"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.9.1"
"@ausbom/styles": "^0.9.2"
},
"gitHead": "4d0c8a4feeba1c29578cf5539d7ba48d058aaffe"
"gitHead": "2fd9ca72166e3172e7957a3c3ac942e05fb1dde2"
}
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