@bolio-ui/core 1.0.0

package/dist/col/index.js

@@ -0,0 +1,90 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styledJsx_cjs = require('../styled-jsx.cjs.js');
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+
+  return target;
+}
+
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+
+  var key, i;
+
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+
+  return target;
+}
+
+var _excluded = ["component", "children", "span", "offset", "className"];
+
+function Col(_ref) {
+  var _ref$component = _ref.component,
+      component = _ref$component === void 0 ? 'div' : _ref$component,
+      children = _ref.children,
+      _ref$span = _ref.span,
+      span = _ref$span === void 0 ? 12 : _ref$span,
+      _ref$offset = _ref.offset,
+      offset = _ref$offset === void 0 ? 0 : _ref$offset,
+      _ref$className = _ref.className,
+      className = _ref$className === void 0 ? '' : _ref$className,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var Component = component;
+  return /*#__PURE__*/React__default["default"].createElement(Component, _extends({}, props, {
+    className: styledJsx_cjs.style.dynamic([["2614916236", [100 / 12 * span, 100 / 12 * offset]]]) + " " + (props && props.className != null && props.className || "col ".concat(className))
+  }), children, /*#__PURE__*/React__default["default"].createElement(styledJsx_cjs.style, {
+    id: "2614916236",
+    dynamic: [100 / 12 * span, 100 / 12 * offset]
+  }, ".col.__jsx-style-dynamic-selector{float:left;box-sizing:border-box;padding-left:calc(var(--row-gap) / 2);padding-right:calc(var(--row-gap) / 2);width:".concat(100 / 12 * span, "%;margin-left:").concat(100 / 12 * offset, "%;}")));
+}
+
+Col.displayName = 'BolioUICol';
+
+exports["default"] = Col;