@micromag/element-stack 0.3.423 → 0.3.430

package/assets/css/styles.css

@@ -1,2 +1,2 @@
-.micromag-element-stack-spacer-container{-ms-flex-positive:1;flex-grow:1}.micromag-element-stack-spacer-container.micromag-element-stack-spacer-hasSize{-ms-flex-positive:0;flex-grow:0}
-.micromag-element-stack-container{display:-ms-flexbox;display:flex}
+.micromag-element-stack-spacer-container{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.micromag-element-stack-spacer-container.micromag-element-stack-spacer-hasSize{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}
+.micromag-element-stack-container{display:-webkit-box;display:-ms-flexbox;display:flex}

package/es/index.js

@@ -59,14 +59,13 @@ var defaultProps$3 = {
   className: null
 };
 function Spacer(_ref) {
-  var _ref2;
   var size = _ref.size,
     minSize = _ref.minSize,
     maxSize = _ref.maxSize,
     className = _ref.className;
   var direction = useStackDirection();
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles$1.container, (_ref2 = {}, _defineProperty(_ref2, styles$1.hasSize, size !== null), _defineProperty(_ref2, className, className !== null), _ref2)]),
+    className: classNames([styles$1.container, _defineProperty(_defineProperty({}, styles$1.hasSize, size !== null), className, className !== null)]),
     style: {
       width: direction === 'horizontal' ? size : null,
       minWidth: direction === 'horizontal' ? minSize : null,

package/lib/index.js

@@ -11,18 +11,8 @@ var isString = require('lodash/isString');
 var PropTypes = require('prop-types');
 var core = require('@micromag/core');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
-var isNumber__default = /*#__PURE__*/_interopDefaultLegacy(isNumber);
-var isString__default = /*#__PURE__*/_interopDefaultLegacy(isString);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
 /* eslint-disable react/jsx-props-no-spreading */
-var StackContext = /*#__PURE__*/React__default["default"].createContext({
+var StackContext = /*#__PURE__*/React.createContext({
   direction: 'horizontal'
 });
 var useStack = function useStack() {
@@ -34,8 +24,8 @@ var useStackDirection = function useStackDirection() {
   return direction;
 };
 var propTypes$4 = {
-  children: PropTypes__default["default"].node.isRequired,
-  direction: PropTypes__default["default"].oneOf(['vertical', 'horizontal'])
+  children: PropTypes.node.isRequired,
+  direction: PropTypes.oneOf(['vertical', 'horizontal'])
 };
 var defaultProps$4 = {
   direction: 'vertical'
@@ -51,7 +41,7 @@ function StackProvider(_ref) {
       direction: direction
     };
   }, [direction]);
-  return /*#__PURE__*/React__default["default"].createElement(StackContext.Provider, {
+  return /*#__PURE__*/React.createElement(StackContext.Provider, {
     value: value
   }, children);
 }
@@ -61,10 +51,10 @@ StackProvider.defaultProps = defaultProps$4;
 var styles$1 = {"container":"micromag-element-stack-spacer-container","hasSize":"micromag-element-stack-spacer-hasSize"};
 
 var propTypes$3 = {
-  size: PropTypes__default["default"].number,
-  minSize: PropTypes__default["default"].number,
-  maxSize: PropTypes__default["default"].number,
-  className: PropTypes__default["default"].string
+  size: PropTypes.number,
+  minSize: PropTypes.number,
+  maxSize: PropTypes.number,
+  className: PropTypes.string
 };
 var defaultProps$3 = {
   size: null,
@@ -73,14 +63,13 @@ var defaultProps$3 = {
   className: null
 };
 function Spacer(_ref) {
-  var _ref2;
   var size = _ref.size,
     minSize = _ref.minSize,
     maxSize = _ref.maxSize,
     className = _ref.className;
   var direction = useStackDirection();
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"]([styles$1.container, (_ref2 = {}, _defineProperty__default["default"](_ref2, styles$1.hasSize, size !== null), _defineProperty__default["default"](_ref2, className, className !== null), _ref2)]),
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames([styles$1.container, _defineProperty(_defineProperty({}, styles$1.hasSize, size !== null), className, className !== null)]),
     style: {
       width: direction === 'horizontal' ? size : null,
       minWidth: direction === 'horizontal' ? minSize : null,
@@ -101,12 +90,12 @@ var propTypes$2 = {
   direction: core.PropTypes.stackDirection,
   align: core.PropTypes.stackAlign,
   spacing: core.PropTypes.stackSpacing,
-  reverse: PropTypes__default["default"].bool,
-  size: PropTypes__default["default"].number,
-  minSize: PropTypes__default["default"].number,
-  maxSize: PropTypes__default["default"].number,
-  className: PropTypes__default["default"].string,
-  children: PropTypes__default["default"].node
+  reverse: PropTypes.bool,
+  size: PropTypes.number,
+  minSize: PropTypes.number,
+  maxSize: PropTypes.number,
+  className: PropTypes.string,
+  children: PropTypes.node
 };
 var defaultProps$2 = {
   direction: 'horizontal',
@@ -131,13 +120,13 @@ function Stack(_ref) {
     children = _ref.children;
   var flexDirection = (direction === 'vertical' ? 'column' : 'row') + (reverse ? '-reverse' : '');
   var alignItems = align === 'center' ? align : "flex-".concat(align);
-  var justifyContent = isString__default["default"](spacing) ? "space-".concat(spacing) : null;
-  var space = isNumber__default["default"](spacing) ? spacing : null;
+  var justifyContent = isString(spacing) ? "space-".concat(spacing) : null;
+  var space = isNumber(spacing) ? spacing : null;
   var lastIndex = children !== null && children.length ? children.length - 1 : null;
-  return /*#__PURE__*/React__default["default"].createElement(StackProvider, {
+  return /*#__PURE__*/React.createElement(StackProvider, {
     direction: direction
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"]([styles.container, _defineProperty__default["default"]({}, className, className !== null)]),
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames([styles.container, _defineProperty({}, className, className !== null)]),
     style: {
       flexDirection: flexDirection,
       alignItems: alignItems,
@@ -149,11 +138,11 @@ function Stack(_ref) {
       minHeight: direction === 'vertical' ? minSize : null,
       maxHeight: direction === 'vertical' ? maxSize : null
     }
-  }, React__default["default"].Children.toArray(children).reduce(function (allChildren, child, index) {
-    return child.type !== Spacer && space !== null && index < lastIndex ? [].concat(_toConsumableArray__default["default"](allChildren), [child, /*#__PURE__*/React__default["default"].createElement(Spacer, {
+  }, React.Children.toArray(children).reduce(function (allChildren, child, index) {
+    return child.type !== Spacer && space !== null && index < lastIndex ? [].concat(_toConsumableArray(allChildren), [child, /*#__PURE__*/React.createElement(Spacer, {
       key: "spacer-".concat(index),
       size: space
-    })]) : [].concat(_toConsumableArray__default["default"](allChildren), [child]);
+    })]) : [].concat(_toConsumableArray(allChildren), [child]);
   }, [])));
 }
 Stack.propTypes = propTypes$2;
@@ -163,7 +152,7 @@ Stack.defaultProps = defaultProps$2;
 var propTypes$1 = {};
 var defaultProps$1 = {};
 function HStack(props) {
-  return /*#__PURE__*/React__default["default"].createElement(Stack, Object.assign({}, props, {
+  return /*#__PURE__*/React.createElement(Stack, Object.assign({}, props, {
     direction: "horizontal"
   }));
 }
@@ -174,7 +163,7 @@ HStack.defaultProps = defaultProps$1;
 var propTypes = {};
 var defaultProps = {};
 function VStack(props) {
-  return /*#__PURE__*/React__default["default"].createElement(Stack, Object.assign({}, props, {
+  return /*#__PURE__*/React.createElement(Stack, Object.assign({}, props, {
     direction: "vertical"
   }));
 }
@@ -185,6 +174,6 @@ exports.HStack = HStack;
 exports.Spacer = Spacer;
 exports.StackProvider = StackProvider;
 exports.VStack = VStack;
-exports["default"] = Stack;
+exports.default = Stack;
 exports.useStack = useStack;
 exports.useStackDirection = useStackDirection;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-stack",
-    "version": "0.3.423",
+    "version": "0.3.430",
     "private": false,
     "description": "",
     "keywords": [
@@ -32,6 +32,12 @@
     "license": "ISC",
     "main": "lib/index.js",
     "module": "es/index.js",
+    "exports": {
+        ".": {
+            "require": "./lib/index.js",
+            "import": "./es/index.js"
+        }
+    },
     "files": [
         "lib",
         "es",
@@ -50,7 +56,7 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.13.10",
-        "@micromag/core": "^0.3.423",
+        "@micromag/core": "^0.3.430",
         "change-case": "^4.1.2",
         "classnames": "^2.2.6",
         "lodash": "^4.17.21",
@@ -62,5 +68,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "c02e69c23fd099d5684bc0b69e02f19825cecfd2"
+    "gitHead": "da790d76dba9d8e308d9f9c4e51d93a4a0e012a9"
 }