@micromag/element-layout 0.3.541 → 0.3.569

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-layout",
-    "version": "0.3.541",
+    "version": "0.3.569",
     "private": false,
     "description": "",
     "keywords": [
@@ -30,11 +30,10 @@
         }
     ],
     "license": "ISC",
-    "main": "lib/index.js",
+    "type": "module",
     "module": "es/index.js",
     "exports": {
         ".": {
-            "require": "./lib/index.js",
             "import": "./es/index.js"
         },
         "./assets/css/styles": "./assets/css/styles.css",
@@ -60,8 +59,8 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.13.10",
-        "@micromag/core": "^0.3.541",
-        "@micromag/element-stack": "^0.3.541",
+        "@micromag/core": "^0.3.569",
+        "@micromag/element-stack": "^0.3.569",
         "classnames": "^2.2.6",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -72,5 +71,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "6c04a7e327b5fbc096785c11320b3fbd3c5751c8"
+    "gitHead": "ceb71f23a32ab8df4a1563a1e5cd5598e539de4d"
 }

package/lib/index.js

@@ -1,81 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
-var React = require('react');
-var PropTypes = require('prop-types');
-var classNames = require('classnames');
-var elementStack = require('@micromag/element-stack');
-
-var styles = {"container":"micromag-element-layout-container","fullscreen":"micromag-element-layout-fullscreen","horizontal":"micromag-element-layout-horizontal"};
-
-var propTypes = {
-  width: PropTypes.number,
-  height: PropTypes.number,
-  horizontalAlign: PropTypes.oneOf(['left', 'center', 'right']),
-  verticalAlign: PropTypes.oneOf(['top', 'middle', 'bottom']),
-  distribution: PropTypes.oneOf(['between', 'around', null]),
-  fullscreen: PropTypes.bool,
-  className: PropTypes.string,
-  children: PropTypes.node,
-  style: PropTypes.object // eslint-disable-line
-};
-var defaultProps = {
-  width: null,
-  height: null,
-  horizontalAlign: 'left',
-  verticalAlign: 'top',
-  distribution: null,
-  fullscreen: false,
-  className: null,
-  children: null,
-  style: null
-};
-var Layout = function Layout(_ref) {
-  var width = _ref.width,
-    height = _ref.height,
-    horizontalAlign = _ref.horizontalAlign,
-    verticalAlign = _ref.verticalAlign,
-    distribution = _ref.distribution,
-    fullscreen = _ref.fullscreen,
-    className = _ref.className,
-    children = _ref.children,
-    style = _ref.style;
-  var justifyContent = null;
-  if (distribution !== null) {
-    justifyContent = "space-".concat(distribution);
-  } else if (verticalAlign === 'middle') {
-    justifyContent = 'center';
-  } else if (verticalAlign === 'bottom') {
-    justifyContent = 'flex-end';
-  }
-  var alignItems = null;
-  if (horizontalAlign === 'center') {
-    alignItems = 'center';
-  } else if (horizontalAlign === 'right') {
-    alignItems = 'flex-end';
-  }
-  var finalStyle = _objectSpread({
-    width: width,
-    height: height,
-    justifyContent: justifyContent,
-    alignItems: alignItems
-  }, style);
-  return /*#__PURE__*/React.createElement(elementStack.StackProvider, {
-    direction: "vertical"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles.container, _defineProperty(_defineProperty({}, styles.fullscreen, fullscreen), className, className !== null)]),
-    style: finalStyle
-  }, children));
-};
-Layout.propTypes = propTypes;
-Layout.defaultProps = defaultProps;
-var Layout$1 = Layout;
-
-Object.defineProperty(exports, "Spacer", {
-    enumerable: true,
-    get: function () { return elementStack.Spacer; }
-});
-exports.default = Layout$1;