@hipay/hipay-material-ui 2.0.0-beta.35 → 2.0.0-beta.37

package/es/HiCheckbox/HiCheckbox.js

@@ -10,8 +10,9 @@ import HiIcon from '../HiIcon';
 import classNames from 'classnames';
 export const styles = theme => ({
   root: {
-    marginRight: 12,
-    marginLeft: 12
+    marginRight: 4,
+    marginLeft: 4,
+    padding: 0
   },
   checked: {},
   checkedPrimary: {
@@ -70,21 +71,22 @@ class HiCheckbox extends React.Component {
       icon,
       indeterminateIcon,
       style,
-      size
+      size,
+      className
     } = _this$props,
-          other = _objectWithoutProperties(_this$props, ["classes", "color", "checkedIcon", "icon", "indeterminateIcon", "style", "size"]);
+          other = _objectWithoutProperties(_this$props, ["classes", "color", "checkedIcon", "icon", "indeterminateIcon", "style", "size", "className"]);
 
     const iconStyles = _objectSpread({
       width: size,
       height: size
     }, style);
 
-    const hcolor = ['positive', 'negative', 'middle', 'neutral'].includes(color) ? 'default' : color;
+    const hcolor = ['positive', 'negative', 'middle', 'neutral'].includes(color) ? 'inherit' : color;
     return React.createElement(Checkbox, _extends({
       classes: {
         root: classes.root,
         checked: classNames(classes.checked, {
-          [classes.checkedPrimary]: color === 'primary' || color === 'default',
+          [classes.checkedPrimary]: color === 'primary' || color === 'inherit',
           [classes.checkedSecondary]: color === 'secondary',
           [classes.checkedPositive]: color === 'positive',
           [classes.checkedNegative]: color === 'negative',
@@ -99,19 +101,22 @@ class HiCheckbox extends React.Component {
     }, icon && {
       icon: React.createElement(HiIcon, {
         className: classes.root,
-        icon: icon
+        icon: icon,
+        size: 20
       })
     }, checkedIcon && {
       checkedIcon: React.createElement(HiIcon, {
         className: classes.root,
         icon: checkedIcon,
-        color: color
+        color: color,
+        size: 20
       })
     }, indeterminateIcon && {
       indeterminateIcon: React.createElement(HiIcon, {
         className: classes.root,
         icon: indeterminateIcon,
-        color: color
+        color: color,
+        size: 20
       })
     }, other));
   }
@@ -121,7 +126,8 @@ class HiCheckbox extends React.Component {
 HiCheckbox.defaultProps = {
   checked: false,
   color: 'default',
-  size: 20
+  size: 20,
+  icon: 'check_box_outline_blank'
 };
 HiCheckbox.propTypes = process.env.NODE_ENV !== "production" ? {
   /**

package/es/HiDatePicker/Caption.js

@@ -1,5 +1,4 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread";
-// @flow weak
 import React from 'react';
 import PropTypes from 'prop-types';
 import withStyles from '../styles/withStyles';

package/es/HiDatePicker/HiDatePicker.js

@@ -213,7 +213,7 @@ class HiDatePicker extends React.Component {
       todayButton: translations.today,
       onTodayButtonClick: this.handleCurrentMonthChange,
       weekdayElement: Weekday,
-      navbarElement: props2 => React.createElement(NavBar, _extends({
+      NavBarElement: props2 => React.createElement(NavBar, _extends({
         showClockButton: enableTime,
         onClockClick: this.handleClockClick
       }, props2)),
@@ -254,8 +254,8 @@ class HiDatePicker extends React.Component {
       inputProps: inputProps,
       placeholder: '',
       format: enableTime ? `${format} HH:mm` : format,
-      formatDate: momentLocaleUtils.formatDate,
-      parseDate: momentLocaleUtils.parseDate,
+      formatDate: MomentLocaleUtils.formatDate,
+      parseDate: MomentLocaleUtils.parseDate,
       onDayChange: this.handleDayChange
     }));
   }