@megafon/ui-core 6.2.1 → 7.0.0

package/dist/lib/components/Counter/Counter.css

@@ -1,123 +1 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-.mfui-counter {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  width: 120px;
-  height: 32px;
-}
-.mfui-counter__btn {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  width: 100%;
-  max-width: 32px;
-  height: 100%;
-  margin: 0;
-  padding: 0;
-  border: 1px solid var(--spbSky2);
-  font-size: 20px;
-  text-decoration: none;
-  background-color: var(--base);
-  outline: none;
-  cursor: pointer;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  fill: var(--content);
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-.mfui-counter__btn:hover {
-  background-color: var(--spbSky0);
-}
-.mfui-counter__btn:disabled {
-  background-color: var(--spbSky1);
-  cursor: default;
-}
-.mfui-counter__btn:disabled .mfui-counter__icon {
-  fill: var(--spbSky2);
-}
-.mfui-counter__btn_left {
-  border-top-left-radius: 50px;
-  border-bottom-left-radius: 50px;
-}
-.mfui-counter__btn_right {
-  border-top-right-radius: 50px;
-  border-bottom-right-radius: 50px;
-}
-.mfui-counter__icon {
-  display: block;
-  width: 20px;
-  height: 20px;
-}
-.mfui-counter__input-box {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  height: 100%;
-  border-top: 1px solid var(--spbSky2);
-  border-bottom: 1px solid var(--spbSky2);
-  overflow: hidden;
-}
-.mfui-counter__input {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  padding: 0;
-  border: none;
-  border-radius: 0;
-  overflow: auto;
-  color: var(--content);
-  text-align: center;
-  background: var(--base);
-  outline: none;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  cursor: text;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-}
-.mfui-counter_disabled .mfui-counter__btn {
-  background-color: var(--spbSky1);
-  cursor: default;
-}
-.mfui-counter_disabled .mfui-counter__input {
-  background-color: var(--spbSky1);
-  cursor: default;
-  color: var(--spbSky3);
-}
-.mfui-counter_disabled .mfui-counter__icon {
-  fill: var(--spbSky2);
-}
+h1,h2,h3,h4,h5{margin:0}.mfui-counter{-webkit-box-pack:justify;-ms-flex-pack:justify;height:32px;justify-content:space-between;width:120px}.mfui-counter,.mfui-counter__btn{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-counter__btn{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--base);border:1px solid var(--spbSky2);cursor:pointer;font-size:20px;height:100%;justify-content:center;margin:0;max-width:32px;outline:none;padding:0;text-decoration:none;width:100%;fill:var(--content);-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfui-counter__btn:hover{background-color:var(--spbSky0)}.mfui-counter__btn:disabled{background-color:var(--spbSky1);cursor:default}.mfui-counter__btn:disabled .mfui-counter__icon{fill:var(--spbSky2)}.mfui-counter__btn_left{border-bottom-left-radius:50px;border-top-left-radius:50px}.mfui-counter__btn_right{border-bottom-right-radius:50px;border-top-right-radius:50px}.mfui-counter__icon{display:block;height:20px;width:20px}.mfui-counter__input-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid var(--spbSky2);border-top:1px solid var(--spbSky2);overflow:hidden}.mfui-counter__input,.mfui-counter__input-box{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%}.mfui-counter__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--base);border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;color:var(--content);cursor:text;margin:0;outline:none;overflow:auto;padding:0;text-align:center;width:100%}.mfui-counter_disabled .mfui-counter__btn,.mfui-counter_disabled .mfui-counter__input{background-color:var(--spbSky1);cursor:default}.mfui-counter_disabled .mfui-counter__input{color:var(--spbSky3)}.mfui-counter_disabled .mfui-counter__icon{fill:var(--spbSky2)}

package/dist/lib/components/Counter/Counter.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import './Counter.less';
+import './Counter.scss';
 export interface ICounterProps {
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {

package/dist/lib/components/Counter/Counter.js

@@ -1,30 +1,20 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 require("core-js/modules/es.number.constructor.js");
-
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.regexp.test.js");
 var React = _interopRequireWildcard(require("react"));
-
 var _uiHelpers = require("@megafon/ui-helpers");
-
-var PropTypes = _interopRequireWildcard(require("prop-types"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var IconMinus = function IconMinus(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 20 20"
@@ -32,7 +22,6 @@ var IconMinus = function IconMinus(props) {
     d: "M5 9h10v2H5z"
   }));
 };
-
 var IconPlus = function IconPlus(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 20 20"
@@ -40,33 +29,29 @@ var IconPlus = function IconPlus(props) {
     d: "M11 5H9v4H5v2h4v4h2v-4h4V9h-4V5z"
   }));
 };
-
 var cn = (0, _uiHelpers.cnCreate)('mfui-counter');
-
 var Counter = function Counter(_ref) {
   var dataAttrs = _ref.dataAttrs,
-      _ref$isControlled = _ref.isControlled,
-      isControlled = _ref$isControlled === void 0 ? false : _ref$isControlled,
-      _ref$value = _ref.value,
-      outerValue = _ref$value === void 0 ? 0 : _ref$value,
-      initialValue = _ref.initialValue,
-      _ref$max = _ref.max,
-      max = _ref$max === void 0 ? 999999 : _ref$max,
-      _ref$min = _ref.min,
-      min = _ref$min === void 0 ? 0 : _ref$min,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      onChange = _ref.onChange,
-      className = _ref.className,
-      _ref$classes = _ref.classes,
-      classes = _ref$classes === void 0 ? {} : _ref$classes;
+    _ref$isControlled = _ref.isControlled,
+    isControlled = _ref$isControlled === void 0 ? false : _ref$isControlled,
+    _ref$value = _ref.value,
+    outerValue = _ref$value === void 0 ? 0 : _ref$value,
+    initialValue = _ref.initialValue,
+    _ref$max = _ref.max,
+    max = _ref$max === void 0 ? 999999 : _ref$max,
+    _ref$min = _ref.min,
+    min = _ref$min === void 0 ? 0 : _ref$min,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    onChange = _ref.onChange,
+    className = _ref.className,
+    _ref$classes = _ref.classes,
+    classes = _ref$classes === void 0 ? {} : _ref$classes;
   var currentInitialValue = initialValue || min;
-
   var _React$useState = React.useState(currentInitialValue),
-      _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-      innerValue = _React$useState2[0],
-      setInnerValue = _React$useState2[1];
-
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    innerValue = _React$useState2[0],
+    setInnerValue = _React$useState2[1];
   var currentValue = isControlled ? outerValue : innerValue;
   React.useEffect(function () {
     setInnerValue(currentInitialValue);
@@ -75,15 +60,12 @@ var Counter = function Counter(_ref) {
     if (!isControlled) {
       setInnerValue(inputValue);
     }
-
     if (inputValue < min) {
       onChange === null || onChange === void 0 ? void 0 : onChange(min);
     }
-
     if (inputValue > max) {
       onChange === null || onChange === void 0 ? void 0 : onChange(max);
     }
-
     if (inputValue >= min && inputValue <= max) {
       onChange === null || onChange === void 0 ? void 0 : onChange(inputValue);
     }
@@ -97,22 +79,18 @@ var Counter = function Counter(_ref) {
   var handleInputChange = React.useCallback(function (e) {
     var pattern = /^[0-9\b]+$/;
     var inputValue = e.target.value;
-
     if (inputValue !== '' && !pattern.test(inputValue)) {
       return;
     }
-
     handleValueChange(Number(inputValue));
   }, [handleValueChange]);
   var handleInputBlur = React.useCallback(function (e) {
     var inputValue = e.target.value;
     var numberValue = Number(inputValue);
-
     if (numberValue < min) {
       handleValueChange(min);
       return;
     }
-
     if (numberValue > max) {
       handleValueChange(max);
     }
@@ -149,28 +127,4 @@ var Counter = function Counter(_ref) {
     className: cn('icon')
   })));
 };
-
-Counter.propTypes = {
-  dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired),
-    minus: PropTypes.objectOf(PropTypes.string.isRequired),
-    plus: PropTypes.objectOf(PropTypes.string.isRequired),
-    input: PropTypes.objectOf(PropTypes.string.isRequired)
-  }),
-  isControlled: PropTypes.bool,
-  value: PropTypes.number,
-  initialValue: PropTypes.number,
-  min: PropTypes.number,
-  max: PropTypes.number,
-  disabled: PropTypes.bool,
-  onChange: PropTypes.func,
-  className: PropTypes.string,
-  classes: PropTypes.shape({
-    root: PropTypes.string,
-    buttonMinus: PropTypes.string,
-    buttonPlus: PropTypes.string,
-    input: PropTypes.string
-  })
-};
-var _default = Counter;
-exports["default"] = _default;
+var _default = exports["default"] = Counter;

package/dist/lib/components/Grid/Grid.css

@@ -1,102 +1 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-.mfui-grid__container {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
-}
-.mfui-grid__container_multi-row {
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-}
-.mfui-grid__container_h-align_right {
-  -webkit-box-pack: end;
-      -ms-flex-pack: end;
-          justify-content: flex-end;
-}
-.mfui-grid__container_h-align_center {
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-}
-.mfui-grid__container_h-align_between {
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-}
-.mfui-grid__container_h-align_around {
-  -ms-flex-pack: distribute;
-      justify-content: space-around;
-}
-.mfui-grid__container_v-align_top {
-  -webkit-box-align: start;
-      -ms-flex-align: start;
-          align-items: flex-start;
-}
-.mfui-grid__container_v-align_bottom {
-  -webkit-box-align: end;
-      -ms-flex-align: end;
-          align-items: flex-end;
-}
-.mfui-grid__container_v-align_center {
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-.mfui-grid__container_v-align_baseline {
-  -webkit-box-align: baseline;
-      -ms-flex-align: baseline;
-          align-items: baseline;
-}
-.mfui-grid__container_gutters-left_large {
-  margin-left: -32px;
-}
-.mfui-grid__container_gutters-left_medium {
-  margin-left: -20px;
-}
-@media screen and (max-width: 767px) {
-  .mfui-grid__container_gutters-left_medium {
-    margin-left: -16px;
-  }
-}
-.mfui-grid__container_gutters-bottom_large {
-  margin-bottom: -32px;
-}
-.mfui-grid__container_gutters-bottom_medium {
-  margin-bottom: -20px;
-}
-@media screen and (max-width: 767px) {
-  .mfui-grid__container_gutters-bottom_medium {
-    margin-bottom: -16px;
-  }
-}
-.mfui-grid__column_gutter-left_large {
-  padding-left: 32px;
-}
-.mfui-grid__column_gutter-left_medium {
-  padding-left: 20px;
-}
-@media screen and (max-width: 767px) {
-  .mfui-grid__column_gutter-left_medium {
-    padding-left: 16px;
-  }
-}
-.mfui-grid__column_gutter-bottom_large {
-  padding-bottom: 32px;
-}
-.mfui-grid__column_gutter-bottom_medium {
-  padding-bottom: 20px;
-}
-@media screen and (max-width: 767px) {
-  .mfui-grid__column_gutter-bottom_medium {
-    padding-bottom: 16px;
-  }
-}
+h1,h2,h3,h4,h5{margin:0}.mfui-grid__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.mfui-grid__container_multi-row{-ms-flex-wrap:wrap;flex-wrap:wrap}.mfui-grid__container_h-align_right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.mfui-grid__container_h-align_center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-grid__container_h-align_between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mfui-grid__container_h-align_around{-ms-flex-pack:distribute;justify-content:space-around}.mfui-grid__container_v-align_top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.mfui-grid__container_v-align_bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.mfui-grid__container_v-align_center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-grid__container_v-align_baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.mfui-grid__container_gutters-left_large{margin-left:-32px}.mfui-grid__container_gutters-left_medium{margin-left:-20px}@media screen and (max-width:767px){.mfui-grid__container_gutters-left_medium{margin-left:-16px}}.mfui-grid__container_gutters-bottom_large{margin-bottom:-32px}.mfui-grid__container_gutters-bottom_medium{margin-bottom:-20px}@media screen and (max-width:767px){.mfui-grid__container_gutters-bottom_medium{margin-bottom:-16px}}.mfui-grid__column_gutter-left_large{padding-left:32px}.mfui-grid__column_gutter-left_medium{padding-left:20px}@media screen and (max-width:767px){.mfui-grid__column_gutter-left_medium{padding-left:16px}}.mfui-grid__column_gutter-bottom_large{padding-bottom:32px}.mfui-grid__column_gutter-bottom_medium{padding-bottom:20px}@media screen and (max-width:767px){.mfui-grid__column_gutter-bottom_medium{padding-bottom:16px}}

package/dist/lib/components/Grid/Grid.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { IGridColumn } from './GridColumn';
-import './Grid.less';
+import './Grid.scss';
 export interface IGridProps {
     /** Выравнивание всех колонок по горизонтали */
     hAlign?: 'left' | 'right' | 'center' | 'between' | 'around';

package/dist/lib/components/Grid/Grid.js

@@ -1,40 +1,28 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 require("core-js/modules/es.array.map.js");
-
 var React = _interopRequireWildcard(require("react"));
-
 var _uiHelpers = require("@megafon/ui-helpers");
-
-var PropTypes = _interopRequireWildcard(require("prop-types"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var cn = (0, _uiHelpers.cnCreate)('mfui-grid');
-
 var Grid = function Grid(_ref) {
   var children = _ref.children,
-      guttersLeft = _ref.guttersLeft,
-      guttersBottom = _ref.guttersBottom,
-      _ref$multiRow = _ref.multiRow,
-      multiRow = _ref$multiRow === void 0 ? true : _ref$multiRow,
-      hAlign = _ref.hAlign,
-      vAlign = _ref.vAlign,
-      className = _ref.className,
-      dataAttrs = _ref.dataAttrs;
+    guttersLeft = _ref.guttersLeft,
+    guttersBottom = _ref.guttersBottom,
+    _ref$multiRow = _ref.multiRow,
+    multiRow = _ref$multiRow === void 0 ? true : _ref$multiRow,
+    hAlign = _ref.hAlign,
+    vAlign = _ref.vAlign,
+    className = _ref.className,
+    dataAttrs = _ref.dataAttrs;
   return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn([className])
   }), /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.container), {
@@ -54,19 +42,4 @@ var Grid = function Grid(_ref) {
     });
   })));
 };
-
-Grid.propTypes = {
-  hAlign: PropTypes.oneOf(['left', 'right', 'center', 'between', 'around']),
-  vAlign: PropTypes.oneOf(['top', 'bottom', 'center', 'baseline']),
-  guttersLeft: PropTypes.oneOf(['large', 'medium']),
-  guttersBottom: PropTypes.oneOf(['large', 'medium']),
-  multiRow: PropTypes.bool,
-  className: PropTypes.string,
-  dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired),
-    container: PropTypes.objectOf(PropTypes.string.isRequired)
-  }),
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element.isRequired), PropTypes.element.isRequired]).isRequired
-};
-var _default = Grid;
-exports["default"] = _default;
+var _default = exports["default"] = Grid;