gdx-ui 2.0.7 → 2.0.8

package/components/forms/Input.js

@@ -115,7 +115,7 @@ var Input = exports.Input = /*#__PURE__*/_react["default"].forwardRef(function (
   placeholder !== null && placeholder !== void 0 ? placeholder : placeholder = "".concat(label || '', " ").concat(required ? '(obligatorio)' : '');
   var alignClass = !align ? type === 'number' ? 'right' : 'left' : align;
   return /*#__PURE__*/_react["default"].createElement("label", {
-    className: "form-element ".concat(spacing, "-spacing")
+    className: "form-element spacing-".concat(spacing)
   }, label && /*#__PURE__*/_react["default"].createElement("div", {
     className: "input-label"
   }, required ? '*' : '', " ", label), /*#__PURE__*/_react["default"].createElement("div", {

package/components/forms/Select.js

@@ -30,7 +30,7 @@ var Select = exports.Select = /*#__PURE__*/_react["default"].forwardRef(function
     spacing = _ref$spacing === void 0 ? 'none' : _ref$spacing,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement("label", {
-    className: "form-element ".concat(spacing, "-spacing")
+    className: "form-element spacing-".concat(spacing)
   }, label && /*#__PURE__*/_react["default"].createElement("div", {
     className: "input-label"
   }, required ? '*' : '', " ", label), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("select", _extends({

package/components/view/{StackGroup.js → Container.js}

@@ -3,20 +3,27 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StackGroupItem = exports.StackGroup = void 0;
+exports.ContainerItem = exports.Container = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-var StackGroup = exports.StackGroup = function StackGroup(_ref) {
+var Container = exports.Container = function Container(_ref) {
   var children = _ref.children,
     _ref$spacing = _ref.spacing,
     spacing = _ref$spacing === void 0 ? 'default' : _ref$spacing;
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "stack-group ".concat(spacing, "-spacing")
+    className: "container container-".concat(spacing)
   }, children);
 };
-var StackGroupItem = exports.StackGroupItem = function StackGroupItem(_ref2) {
+var ContainerItem = exports.ContainerItem = function ContainerItem(_ref2) {
   var children = _ref2.children;
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "stack-group-item"
+    className: "container-item"
   }, children);
+};
+ContainerItem.propTypes = {
+  children: _propTypes["default"].node
+};
+Container.propTypes = {
+  spacing: _propTypes["default"].oneOf(['none', 'compact', 'default', 'plenty'])
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gdx-ui",
-  "version": "2.0.7",
+  "version": "2.0.8",
   "description": "UI gdx",
   "main": "index.js",
   "module": "index.js",