@hipay/hipay-material-ui 2.3.0-rc.PSYCHE-2530 → 2.3.0-rc.PSYCHE-2530-2

package/HiDatePicker/HiDateRangeSelector.js

@@ -345,7 +345,9 @@ function (_React$Component) {
           selectProps = _this$props.selectProps,
           staticPosition = _this$props.staticPosition,
           props = (0, _objectWithoutProperties2.default)(_this$props, ["disabled", "enableTime", "errorText", "fromError", "toError", "helperIcon", "helperText", "idRange", "idSelect", "minimumDate", "label", "from", "onChange", "required", "to", "translations", "classes", "selectProps", "staticPosition"]);
-      var selectedPreset = this.state.selectedPreset;
+      var _this$state = this.state,
+          selectedPreset = _this$state.selectedPreset,
+          containerWidth = _this$state.containerWidth;
       var hiSelectableListProps = {
         hideCheckbox: true
       };
@@ -366,7 +368,11 @@ function (_React$Component) {
           _this3.container = container;
         }
       }, _react.default.createElement("div", {
-        className: classes.select
+        className: classes.select,
+        style: containerWidth < 364 ? {
+          width: '100%',
+          paddingBottom: 8
+        } : {}
       }, _react.default.createElement(_HiSelectField.default, (0, _extends2.default)({
         disabled: disabled,
         id: idSelect,
@@ -383,7 +389,10 @@ function (_React$Component) {
         staticPosition: staticPosition,
         onSubmit: this.props.onSubmit
       }, selectProps))), (_reactDeviceDetect.isMobile && selectedPreset === 'custom' || !_reactDeviceDetect.isMobile) && _react.default.createElement("div", {
-        className: classes.input
+        className: classes.input,
+        style: containerWidth < 364 ? {
+          width: '100%'
+        } : {}
       }, _react.default.createElement(_HiDateRangePicker.default, (0, _extends2.default)({
         key: this.state.key,
         classes: {

package/HiIcon/HiIcon.js

@@ -73,8 +73,7 @@ function HiIcon(props) {
     return _react.default.createElement(IconName, (0, _extends2.default)({
       className: (0, _classnames.default)(classes.root, className),
       color: color,
-      width: size,
-      height: size
+      size: size
     }, other));
   }
 

package/es/HiDatePicker/HiDateRangeSelector.js

@@ -345,7 +345,9 @@ function (_React$Component) {
           selectProps = _this$props.selectProps,
           staticPosition = _this$props.staticPosition,
           props = (0, _objectWithoutProperties2.default)(_this$props, ["disabled", "enableTime", "errorText", "fromError", "toError", "helperIcon", "helperText", "idRange", "idSelect", "minimumDate", "label", "from", "onChange", "required", "to", "translations", "classes", "selectProps", "staticPosition"]);
-      var selectedPreset = this.state.selectedPreset;
+      var _this$state = this.state,
+          selectedPreset = _this$state.selectedPreset,
+          containerWidth = _this$state.containerWidth;
       var hiSelectableListProps = {
         hideCheckbox: true
       };
@@ -366,7 +368,11 @@ function (_React$Component) {
           _this3.container = container;
         }
       }, _react.default.createElement("div", {
-        className: classes.select
+        className: classes.select,
+        style: containerWidth < 364 ? {
+          width: '100%',
+          paddingBottom: 8
+        } : {}
       }, _react.default.createElement(_HiSelectField.default, (0, _extends2.default)({
         disabled: disabled,
         id: idSelect,
@@ -383,7 +389,10 @@ function (_React$Component) {
         staticPosition: staticPosition,
         onSubmit: this.props.onSubmit
       }, selectProps))), (_reactDeviceDetect.isMobile && selectedPreset === 'custom' || !_reactDeviceDetect.isMobile) && _react.default.createElement("div", {
-        className: classes.input
+        className: classes.input,
+        style: containerWidth < 364 ? {
+          width: '100%'
+        } : {}
       }, _react.default.createElement(_HiDateRangePicker.default, (0, _extends2.default)({
         key: this.state.key,
         classes: {

package/es/HiIcon/HiIcon.js

@@ -73,8 +73,7 @@ function HiIcon(props) {
     return _react.default.createElement(IconName, (0, _extends2.default)({
       className: (0, _classnames.default)(classes.root, className),
       color: color,
-      width: size,
-      height: size
+      size: size
     }, other));
   }
 

package/es/hi-svg-icons/HiBriefcaseRescue.js

@@ -15,6 +15,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 
+var _index = require("@material-ui/core/styles/index");
+
 var HiBriefcaseRescue = function HiBriefcaseRescue(props) {
   return _react.default.createElement(_Icon.default, {
     style: (0, _objectSpread2.default)({}, props.style, {
@@ -29,5 +31,9 @@ var HiBriefcaseRescue = function HiBriefcaseRescue(props) {
   })));
 };
 
-var _default = HiBriefcaseRescue;
+var _default = (0, _index.withStyles)({}, {
+  hiComponent: true,
+  withTheme: true
+})(HiBriefcaseRescue);
+
 exports.default = _default;

package/hi-svg-icons/HiBriefcaseRescue.js

@@ -15,6 +15,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 
+var _index = require("@material-ui/core/styles/index");
+
 var HiBriefcaseRescue = function HiBriefcaseRescue(props) {
   return _react.default.createElement(_Icon.default, {
     style: (0, _objectSpread2.default)({}, props.style, {
@@ -29,5 +31,9 @@ var HiBriefcaseRescue = function HiBriefcaseRescue(props) {
   })));
 };
 
-var _default = HiBriefcaseRescue;
+var _default = (0, _index.withStyles)({}, {
+  hiComponent: true,
+  withTheme: true
+})(HiBriefcaseRescue);
+
 exports.default = _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hipay/hipay-material-ui",
   "private": false,
-  "version": "2.3.0-rc.PSYCHE-2530",
+  "version": "2.3.0-rc.PSYCHE-2530-2",
   "description": "React components that implement Google's Material Design.",
   "repository": {
     "type": "git",