@hipay/hipay-material-ui 2.2.0-RC1 → 2.2.0-beta-core

package/HiChip/HiChipSwitch.js

@@ -17,10 +17,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -33,7 +33,7 @@ var _index = _interopRequireDefault(require("keycode/index"));
 
 var _HiIcon = _interopRequireDefault(require("../HiIcon"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var _colorManipulator = require("../styles/colorManipulator");
 
@@ -166,9 +166,9 @@ function (_React$PureComponent) {
       }
     };
 
-    _this.handleClickSelection = _this.handleClickSelection.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleKeyDown = _this.handleKeyDown.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleKeyDownSelection = _this.handleKeyDownSelection.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleClickSelection = _this.handleClickSelection.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleKeyDown = _this.handleKeyDown.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleKeyDownSelection = _this.handleKeyDownSelection.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
 
@@ -295,7 +295,7 @@ HiChipSwitch.propTypes = process.env.NODE_ENV !== "production" ? {
   selectionTitle: _propTypes.default.string
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiChipSwitch'
 })(HiChipSwitch);

package/HiColoredLabel/HiColoredLabel.js

@@ -19,7 +19,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var _helpers = require("../utils/helpers");
 
@@ -212,7 +212,7 @@ HiColoredLabel.defaultProps = {
   outlined: false
 };
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   withTheme: true,
   name: 'HmuiHiColoredLabel'

package/HiDatePicker/Caption.js

@@ -13,7 +13,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var _HiButton = _interopRequireDefault(require("../HiButton"));
 
@@ -86,7 +86,7 @@ Caption.propTypes = process.env.NODE_ENV !== "production" ? {
   onYearClick: _propTypes.default.func
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCaption'
 })(Caption);
 

package/HiDatePicker/HiDatePicker.js

@@ -37,7 +37,7 @@ var _hiLocaleUtils = _interopRequireDefault(require("./hiLocaleUtils"));
 
 var _DayPickerInput = _interopRequireDefault(require("react-day-picker/DayPickerInput"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var _Caption = _interopRequireDefault(require("./Caption"));
 
@@ -444,7 +444,7 @@ HiDatePicker.propTypes = process.env.NODE_ENV !== "production" ? {
   value: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.string])
 } : {};
 
-var _default = (0, _withStyles.default)(_stylesheet.default, {
+var _default = (0, _styles.withStyles)(_stylesheet.default, {
   name: 'HmuiHiDatePicker'
 })(HiDatePicker);
 

package/HiDatePicker/HiDatePickerMobile.js

@@ -33,7 +33,7 @@ var _stylesheet = _interopRequireDefault(require("./stylesheet"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var _HiInput = _interopRequireDefault(require("../HiForm/HiInput"));
 
@@ -122,6 +122,6 @@ HiDatePickerMobile.propTypes = process.env.NODE_ENV !== "production" ? {
   value: _propTypes.default.any
 } : {};
 
-var _default = (0, _withStyles.default)(_stylesheet.default)(HiDatePickerMobile);
+var _default = (0, _styles.withStyles)(_stylesheet.default)(HiDatePickerMobile);
 
 exports.default = _default;

package/HiDatePicker/HiDateRangePicker.js

@@ -37,7 +37,7 @@ var _DayPickerInput = _interopRequireDefault(require("react-day-picker/DayPicker
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var _Caption = _interopRequireDefault(require("./Caption"));
 
@@ -789,7 +789,7 @@ HiDateRangePicker.propTypes = process.env.NODE_ENV !== "production" ? {
   translations: _propTypes.default.object
 } : {};
 
-var _default = (0, _withStyles.default)(_stylesheet.default, {
+var _default = (0, _styles.withStyles)(_stylesheet.default, {
   name: 'HmuiHiDateRangePicker'
 })(HiDateRangePicker);
 

package/HiDatePicker/HiDateRangeSelector.js

@@ -37,7 +37,7 @@ var _reactDom = require("react-dom");
 
 var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var _HiSelectField = _interopRequireDefault(require("../HiSelect/HiSelectField"));
 
@@ -206,7 +206,9 @@ var styles = function styles() {
       width: 'calc(100% + 8px)',
       marginTop: 0
     },
-    smSelect: {},
+    smSelect: {
+      padding: 4
+    },
     smRangePicker: {}
   };
 };
@@ -585,7 +587,7 @@ HiDateRangeSelector.propTypes = process.env.NODE_ENV !== "production" ? {
   translations: _propTypes.default.object
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiHiDateRangeSelector'
 })(HiDateRangeSelector);
 

package/HiDatePicker/ListPicker.js

@@ -31,7 +31,7 @@ var _MenuList = _interopRequireDefault(require("@material-ui/core/MenuList"));
 
 var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var styles = function styles(theme) {
   return {
@@ -160,7 +160,7 @@ ListPicker.propTypes = process.env.NODE_ENV !== "production" ? {
   type: _propTypes.default.oneOf(['year', 'month'])
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiListPicker'
 })(ListPicker);
 

package/HiDatePicker/NavBar.js

@@ -21,7 +21,7 @@ var _ChevronRight = _interopRequireDefault(require("@material-ui/icons/ChevronRi
 
 var _AccessTime = _interopRequireDefault(require("@material-ui/icons/AccessTime"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var styles = function styles(theme) {
   return {
@@ -146,7 +146,7 @@ NavBar.defaultProps = {
   showClockButton: false
 };
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiNavBar'
 })(NavBar);

package/HiDatePicker/Overlays/CustomOverlayLayout.js

@@ -21,7 +21,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
 
-var _withStyles = _interopRequireDefault(require("../../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var styles = function styles(theme) {
   return {
@@ -124,7 +124,7 @@ CustomOverlayLayout.propTypes = process.env.NODE_ENV !== "production" ? {
   staticPosition: _propTypes.default.bool
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCustomOverlayLayout'
 })(CustomOverlayLayout);
 

package/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js

@@ -21,7 +21,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
 
-var _withStyles = _interopRequireDefault(require("../../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var styles = function styles(theme) {
   return {
@@ -116,7 +116,7 @@ CustomOverlayLayoutWithoutFooter.propTypes = process.env.NODE_ENV !== "productio
   staticPosition: _propTypes.default.bool
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCustomOverlayLayoutWithoutFooter'
 })(CustomOverlayLayoutWithoutFooter);
 

package/HiDatePicker/Overlays/MonthPickerOverlay.js

@@ -19,10 +19,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -42,7 +42,7 @@ function (_React$Component) {
     (0, _classCallCheck2.default)(this, MonthPickerOverlay);
     _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(MonthPickerOverlay).call(this));
     _this.months = [];
-    _this.handleMonthClick = _this.handleMonthClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleMonthClick = _this.handleMonthClick.bind((0, _assertThisInitialized2.default)(_this));
     _this.months = props.localeUtils ? props.localeUtils.getMonths(props.children.props.locale) : props.children.props.localeUtils.getMonths(props.children.props.locale);
     return _this;
   }

package/HiDatePicker/Overlays/Overlay.js

@@ -21,7 +21,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
 
-var _withStyles = _interopRequireDefault(require("../../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var styles = function styles() {
   return {
@@ -112,7 +112,7 @@ Overlay.propTypes = process.env.NODE_ENV !== "production" ? {
   staticPosition: _propTypes.default.bool
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiOverlay'
 })(Overlay);
 

package/HiDatePicker/Overlays/TimePickerOverlay.js

@@ -17,10 +17,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -35,7 +35,7 @@ var _CustomOverlayLayout = _interopRequireDefault(require("./CustomOverlayLayout
 
 var _ListPicker = _interopRequireDefault(require("../ListPicker"));
 
-var _withStyles = _interopRequireDefault(require("../../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var styles = function styles(theme) {
   return {
@@ -135,8 +135,8 @@ function (_React$Component) {
     _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(TimePickerOverlay).call(this, props));
     _this.hours = Array.from(Array(24).keys());
     _this.minutes = Array.from(Array(60).keys());
-    _this.handleHourClick = _this.handleHourClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleMinuteClick = _this.handleMinuteClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleHourClick = _this.handleHourClick.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleMinuteClick = _this.handleMinuteClick.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
 
@@ -244,7 +244,7 @@ TimePickerOverlay.propTypes = process.env.NODE_ENV !== "production" ? {
   value: _propTypes.default.instanceOf(Date)
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiTimePickerOverlay'
 })(TimePickerOverlay);
 

package/HiDatePicker/Overlays/YearPickerOverlay.js

@@ -19,10 +19,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -42,7 +42,7 @@ function (_React$Component) {
     (0, _classCallCheck2.default)(this, YearPickerOverlay);
     _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(YearPickerOverlay).call(this, props));
     _this.years = [];
-    _this.handleYearClick = _this.handleYearClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleYearClick = _this.handleYearClick.bind((0, _assertThisInitialized2.default)(_this));
     var minDate = props.minimumDate;
 
     if (!minDate) {

package/HiDotsStepper/HiDot.js

@@ -25,7 +25,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var _HiIcon = _interopRequireDefault(require("../HiIcon"));
 
@@ -100,7 +100,7 @@ HiDot.propTypes = process.env.NODE_ENV !== "production" ? {
   status: _propTypes.default.oneOf(['refused', 'validated', 'unreviewed'])
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiDot'
 })(HiDot);

package/HiDotsStepper/HiDotsStepper.js

@@ -15,15 +15,15 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var _HiDot = _interopRequireDefault(require("./HiDot"));
 
@@ -74,8 +74,8 @@ function (_React$PureComponent) {
       _this.props.onChange(nextStep);
     };
 
-    _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleNavigation = _this.handleNavigation.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleNavigation = _this.handleNavigation.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
 
@@ -113,7 +113,7 @@ HiDotsStepper.propTypes = process.env.NODE_ENV !== "production" ? {
   steps: _propTypes.default.array.isRequired
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiDotsStepper'
 })(HiDotsStepper);

package/HiExpansionPanel/HiExpansionPanel.js

@@ -35,7 +35,7 @@ var _ExpansionPanelDetails = _interopRequireDefault(require("@material-ui/core/E
 
 var _HiIcon = _interopRequireDefault(require("./../HiIcon"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
@@ -224,7 +224,7 @@ HiExpansionPanel.propTypes = process.env.NODE_ENV !== "production" ? {
   collapseDisable: _propTypes.default.bool
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiExpansionPanel'
 })(HiExpansionPanel);

package/HiForm/HiAddressField.js

@@ -19,10 +19,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -62,7 +62,7 @@ function (_React$Component) {
           type: 'icon',
           key: prediction.id
         });
-      }, (0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+      }, (0, _assertThisInitialized2.default)(_this));
 
       _this.setState({
         options: options,
@@ -75,10 +75,10 @@ function (_React$Component) {
       options: [],
       isExact: false
     };
-    _this.handleSearch = _this.handleSearch.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleReset = _this.handleReset.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.displaySuggestions = _this.displaySuggestions.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleSearch = _this.handleSearch.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleReset = _this.handleReset.bind((0, _assertThisInitialized2.default)(_this));
+    _this.displaySuggestions = _this.displaySuggestions.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
 

package/HiForm/HiEmailField.js

@@ -19,10 +19,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -57,7 +57,7 @@ function (_React$Component) {
       }
     };
 
-    _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
 

package/HiForm/HiFormControl.js

@@ -19,10 +19,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -39,7 +39,7 @@ var _FormControl = _interopRequireDefault(require("@material-ui/core/FormControl
 
 var _FormHelperText = _interopRequireDefault(require("@material-ui/core/FormHelperText"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var _HiFormLabel = _interopRequireDefault(require("./HiFormLabel"));
 
@@ -200,10 +200,10 @@ function (_React$PureComponent) {
       focused: false,
       hovered: false
     };
-    _this.handleHelperClick = _this.handleHelperClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleKeyDown = _this.handleKeyDown.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleHover = _this.handleHover.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleHelperClick = _this.handleHelperClick.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleKeyDown = _this.handleKeyDown.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleHover = _this.handleHover.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
 
@@ -395,7 +395,7 @@ HiFormControl.propTypes = process.env.NODE_ENV !== "production" ? {
   rootRef: _propTypes.default.string
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiFormControl'
 })(HiFormControl);

package/HiForm/HiFormLabel.js

@@ -29,7 +29,7 @@ var _InputLabel = _interopRequireDefault(require("@material-ui/core/InputLabel")
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 // @inheritedComponent InputLabel
 var styles = function styles(theme) {
@@ -95,7 +95,7 @@ function (_React$PureComponent) {
         className: className,
         focused: focused,
         required: false,
-        FormLabelClasses: {
+        classes: {
           root: classes.root,
           error: classes.error,
           focused: classes.focused
@@ -161,7 +161,7 @@ HiFormLabel.propTypes = process.env.NODE_ENV !== "production" ? {
   translations: _propTypes.default.object
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiFormLabel'
 })(HiFormLabel);

package/HiForm/HiInput.js

@@ -17,10 +17,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -37,7 +37,7 @@ var _HiIcon = _interopRequireDefault(require("../HiIcon"));
 
 var _HiIconButton = _interopRequireDefault(require("../HiIconButton"));
 
-var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
+var _styles = require("@material-ui/core/styles");
 
 var styles = function styles(theme) {
   return {
@@ -193,15 +193,15 @@ function (_React$PureComponent) {
     _this.state = {
       focused: false
     };
-    _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleDivClick = _this.handleDivClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleReset = _this.handleReset.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleMouseEnter = _this.handleMouseEnter.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleMouseLeave = _this.handleMouseLeave.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.getInputElement = _this.getInputElement.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.handleOverlayRef = _this.handleOverlayRef.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleDivClick = _this.handleDivClick.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleReset = _this.handleReset.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleMouseEnter = _this.handleMouseEnter.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleMouseLeave = _this.handleMouseLeave.bind((0, _assertThisInitialized2.default)(_this));
+    _this.getInputElement = _this.getInputElement.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleOverlayRef = _this.handleOverlayRef.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
 
@@ -631,7 +631,7 @@ HiInput.propTypes = process.env.NODE_ENV !== "production" ? {
   value: _propTypes.default.string
 } : {};
 
-var _default = (0, _withStyles.default)(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HiMuiHiInput'
 })(HiInput);