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

package/es/theme/typography.js

@@ -0,0 +1,170 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.typography = void 0;
+
+var _require = require('./palette'),
+    palette = _require.palette;
+
+var fontFamily = '"Roboto", "Helvetica", "Arial", sans-serif'; // The default font size of the Material Specification.
+
+var fontSize = 14; // px
+
+var fontWeightLight = 300;
+var fontWeightRegular = 400;
+var fontWeightMedium = 500; // Tell Material-UI what's the font-size on the html element.
+// 16px is the default font-size used by browsers.
+
+var htmlFontSize = 16;
+
+var round = function round(value) {
+  return Math.round(value * 1e5) / 1e5;
+};
+
+var coef = fontSize / 14;
+
+var pxToRem = function pxToRem(value) {
+  return "".concat(value / htmlFontSize * coef, "rem");
+};
+
+var typography = {
+  pxToRem: pxToRem,
+  round: round,
+  fontFamily: fontFamily,
+  fontSize: fontSize,
+  fontWeightLight: fontWeightLight,
+  fontWeightRegular: fontWeightRegular,
+  fontWeightMedium: fontWeightMedium,
+  display4: {
+    fontSize: pxToRem(112),
+    fontWeight: fontWeightLight,
+    fontFamily: fontFamily,
+    letterSpacing: '-.04em',
+    lineHeight: "".concat(round(128 / 112), "em"),
+    marginLeft: '-.04em',
+    color: palette.text.secondary
+  },
+  display3: {
+    fontSize: pxToRem(56),
+    fontWeight: fontWeightRegular,
+    fontFamily: fontFamily,
+    letterSpacing: '-.02em',
+    lineHeight: "".concat(round(73 / 56), "em"),
+    marginLeft: '-.02em',
+    color: palette.text.secondary
+  },
+  display2: {
+    fontSize: pxToRem(45),
+    fontWeight: fontWeightRegular,
+    fontFamily: fontFamily,
+    lineHeight: "".concat(round(51 / 45), "em"),
+    marginLeft: '-.02em',
+    color: palette.text.secondary
+  },
+  display1: {
+    fontSize: pxToRem(34),
+    fontWeight: fontWeightRegular,
+    fontFamily: fontFamily,
+    lineHeight: "".concat(round(41 / 34), "em"),
+    color: palette.text.secondary
+  },
+  headline: {
+    fontSize: pxToRem(24),
+    fontWeight: fontWeightRegular,
+    fontFamily: fontFamily,
+    lineHeight: "".concat(round(32.5 / 24), "em"),
+    color: palette.text.primary
+  },
+  title: {
+    fontSize: pxToRem(21),
+    fontWeight: fontWeightMedium,
+    fontFamily: fontFamily,
+    lineHeight: "".concat(round(24.5 / 21), "em"),
+    color: palette.text.primary
+  },
+  subheading: {
+    fontSize: pxToRem(16),
+    fontWeight: fontWeightRegular,
+    fontFamily: fontFamily,
+    lineHeight: "".concat(round(24 / 16), "em"),
+    color: palette.text.primary
+  },
+  body3: {
+    fontSize: pxToRem(14),
+    fontWeight: fontWeightRegular,
+    fontFamily: fontFamily,
+    lineHeight: "".concat(round(26 / 14), "em"),
+    color: palette.text.primary
+  },
+  body2: {
+    fontSize: pxToRem(14),
+    fontWeight: fontWeightMedium,
+    fontFamily: fontFamily,
+    lineHeight: "".concat(round(24 / 14), "em"),
+    color: palette.text.primary
+  },
+  body1: {
+    fontSize: pxToRem(14),
+    fontWeight: fontWeightRegular,
+    fontFamily: fontFamily,
+    lineHeight: "".concat(round(20.5 / 14), "em"),
+    color: palette.text.primary
+  },
+  h1: {
+    fontSize: 24,
+    fontFamily: fontFamily
+  },
+  h2: {
+    fontSize: 20,
+    fontFamily: fontFamily
+  },
+  h3: {
+    fontSize: 18,
+    fontFamily: fontFamily
+  },
+  h4: {
+    fontSize: 16,
+    fontFamily: fontFamily
+  },
+  h5: {
+    fontSize: 14,
+    fontFamily: fontFamily
+  },
+  b1: {
+    fontSize: 15,
+    fontFamily: fontFamily
+  },
+  b2: {
+    fontSize: 14,
+    fontFamily: fontFamily
+  },
+  b3: {
+    fontSize: 13,
+    fontFamily: fontFamily
+  },
+  b4: {
+    fontSize: 12,
+    fontFamily: fontFamily
+  },
+  b5: {
+    fontSize: 11,
+    fontFamily: fontFamily
+  },
+  caption: {
+    fontSize: pxToRem(12),
+    fontWeight: fontWeightRegular,
+    fontFamily: fontFamily,
+    lineHeight: "".concat(round(16.5 / 12), "em"),
+    color: palette.text.secondary
+  },
+  button: {
+    fontSize: pxToRem(14),
+    textTransform: 'uppercase',
+    fontWeight: fontWeightMedium,
+    fontFamily: fontFamily,
+    color: palette.text.primary
+  }
+};
+exports.typography = typography;

package/es/theme.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _require = require('@material-ui/core/styles'),
+    createMuiTheme = _require.createMuiTheme;
+
+var _require2 = require('./theme/palette'),
+    palette = _require2.palette;
+
+var _require3 = require('./theme/typography'),
+    typography = _require3.typography;
+
+var _default = createMuiTheme({
+  palette: palette,
+  typography: typography
+});
+
+exports.default = _default;

package/es/transitions/utils.js

@@ -1,9 +1,21 @@
-export const reflow = node => node.scrollTop;
-export function getTransitionProps(props, options) {
-  const {
-    timeout,
-    style = {}
-  } = props;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTransitionProps = getTransitionProps;
+exports.reflow = void 0;
+
+var reflow = function reflow(node) {
+  return node.scrollTop;
+};
+
+exports.reflow = reflow;
+
+function getTransitionProps(props, options) {
+  var timeout = props.timeout,
+      _props$style = props.style,
+      style = _props$style === void 0 ? {} : _props$style;
   return {
     duration: style.transitionDuration || typeof timeout === 'number' ? timeout : timeout[options.mode],
     delay: style.transitionDelay

package/es/utils/helpers.js

@@ -1,21 +1,51 @@
-import warning from 'warning';
-export function camelize(string) {
-  string = string.replace(/(_\w)/g, m => m[1].toUpperCase());
-  return string.replace(/(?:^\w|[A-Z]|\b\w|\s+)/g, (match, index) => {
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.camelize = camelize;
+exports.capitalize = capitalize;
+exports.contains = contains;
+exports.escapeHTML = escapeHTML;
+exports.findIndex = findIndex;
+exports.find = find;
+exports.createChainedFunction = createChainedFunction;
+exports.arrayUnique = arrayUnique;
+exports.formatNumber = formatNumber;
+exports.formatCurrencyAmount = formatCurrencyAmount;
+exports.formatRate = formatRate;
+exports.getNextItemSelectable = getNextItemSelectable;
+exports.foldAccents = foldAccents;
+
+var _toConsumableArray2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/toConsumableArray"));
+
+var _typeof2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/typeof"));
+
+var _warning = _interopRequireDefault(require("warning"));
+
+function camelize(string) {
+  string = string.replace(/(_\w)/g, function (m) {
+    return m[1].toUpperCase();
+  });
+  return string.replace(/(?:^\w|[A-Z]|\b\w|\s+)/g, function (match, index) {
     if (+match === 0) return ''; // or if (/\s+/.test(match)) for white spaces
 
     return index === 0 ? match.toLowerCase() : match.toUpperCase();
   });
 }
-export function capitalize(string) {
+
+function capitalize(string) {
   if (process.env.NODE_ENV !== 'production' && typeof string !== 'string') {
     throw new Error('Material-UI: capitalize(string) expects a string argument.');
   }
 
   return string.charAt(0).toUpperCase() + string.slice(1);
 }
-export function contains(obj, pred) {
-  return Object.keys(pred).every(key => {
+
+function contains(obj, pred) {
+  return Object.keys(pred).every(function (key) {
     return obj.hasOwnProperty(key) && obj[key] === pred[key];
   });
 }
@@ -27,13 +57,15 @@ export function contains(obj, pred) {
  * @returns {*}
  */
 
-export function escapeHTML(unsafeStr) {
+
+function escapeHTML(unsafeStr) {
   return unsafeStr.replace(/<br\/?>/g, '[br]').replace(/<strong>/g, '[[').replace(/<\/?strong>/g, ']]').replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#39;').replace(/\[\[/g, '<strong>').replace(/\]\]/g, '</strong>').replace(/\[br\]/g, '<br>');
 }
-export function findIndex(arr, pred) {
-  const predType = typeof pred;
 
-  for (let i = 0; i < arr.length; i += 1) {
+function findIndex(arr, pred) {
+  var predType = (0, _typeof2.default)(pred);
+
+  for (var i = 0; i < arr.length; i += 1) {
     if (predType === 'function' && !!pred(arr[i], i, arr) === true) {
       return i;
     }
@@ -49,8 +81,9 @@ export function findIndex(arr, pred) {
 
   return -1;
 }
-export function find(arr, pred) {
-  const index = findIndex(arr, pred);
+
+function find(arr, pred) {
+  var index = findIndex(arr, pred);
   return index > -1 ? arr[index] : undefined;
 }
 /**
@@ -63,18 +96,27 @@ export function find(arr, pred) {
  * @returns {function|null}
  */
 
-export function createChainedFunction(...funcs) {
-  return funcs.reduce((acc, func) => {
+
+function createChainedFunction() {
+  for (var _len = arguments.length, funcs = new Array(_len), _key = 0; _key < _len; _key++) {
+    funcs[_key] = arguments[_key];
+  }
+
+  return funcs.reduce(function (acc, func) {
     if (func == null) {
       return acc;
     }
 
-    process.env.NODE_ENV !== "production" ? warning(typeof func === 'function', 'Material-UI: invalid Argument Type, must only provide functions, undefined, or null.') : void 0;
-    return function chainedFunction(...args) {
+    process.env.NODE_ENV !== "production" ? (0, _warning.default)(typeof func === 'function', 'Material-UI: invalid Argument Type, must only provide functions, undefined, or null.') : void 0;
+    return function chainedFunction() {
+      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        args[_key2] = arguments[_key2];
+      }
+
       acc.apply(this, args);
       func.apply(this, args);
     };
-  }, () => {});
+  }, function () {});
 }
 /**
  * Remove duplicate items from array useful after concat arrays
@@ -84,11 +126,12 @@ export function createChainedFunction(...funcs) {
  * @param array
  */
 
-export function arrayUnique(array) {
-  const a = [...array];
 
-  for (let i = 0; i < a.length; i + 1) {
-    for (let j = i + 1; j < a.length; j + 1) {
+function arrayUnique(array) {
+  var a = (0, _toConsumableArray2.default)(array);
+
+  for (var i = 0; i < a.length; i + 1) {
+    for (var j = i + 1; j < a.length; j + 1) {
       if (a[i] === a[j]) a.splice(j - 1, 1);
     }
   }
@@ -104,7 +147,12 @@ export function arrayUnique(array) {
  * @param precision
  */
 
-export function formatNumber(number, size = 'l', locale = 'en-EN', precision) {
+
+function formatNumber(number) {
+  var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'l';
+  var locale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'en-EN';
+  var precision = arguments.length > 3 ? arguments[3] : undefined;
+
   // Round number
   switch (size) {
     case 'm':
@@ -121,9 +169,9 @@ export function formatNumber(number, size = 'l', locale = 'en-EN', precision) {
       break;
   }
 
-  const effectivePrecision = Number.isInteger(precision) ? precision : size === 'l' ? 2 : 0; // To locale
+  var effectivePrecision = Number.isInteger(precision) ? precision : size === 'l' ? 2 : 0; // To locale
 
-  const options = {
+  var options = {
     minimumFractionDigits: effectivePrecision,
     maximumFractionDigits: effectivePrecision,
     useGrouping: true
@@ -147,9 +195,14 @@ export function formatNumber(number, size = 'l', locale = 'en-EN', precision) {
  * @param currency  - ISO 4217
  */
 
-export function formatCurrencyAmount(amount, size = 'l', locale = 'en-EN', currency = 'EUR', precision = null) {
-  let value = amount;
-  let unit = ''; // Round number
+
+function formatCurrencyAmount(amount) {
+  var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'l';
+  var locale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'en-EN';
+  var currency = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'EUR';
+  var precision = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
+  var value = amount;
+  var unit = ''; // Round number
 
   switch (size) {
     case 'm':
@@ -174,20 +227,22 @@ export function formatCurrencyAmount(amount, size = 'l', locale = 'en-EN', curre
       break;
   }
 
-  const effectivePrecision = Number.isInteger(precision) ? precision : size === 'l' ? 2 : 0; // To locale
+  var effectivePrecision = Number.isInteger(precision) ? precision : size === 'l' ? 2 : 0; // To locale
 
-  const options = {
+  var options = {
     minimumFractionDigits: effectivePrecision,
     maximumFractionDigits: effectivePrecision,
     useGrouping: true,
     style: 'currency',
-    currency,
+    currency: currency,
     currencyDisplay: 'symbol'
   };
-  let returnValue = value.toLocaleString(locale.replace(/_/g, '-'), options); // Place unit (k, M) after number (don't move currency symbol !)
+  var returnValue = value.toLocaleString(locale.replace(/_/g, '-'), options); // Place unit (k, M) after number (don't move currency symbol !)
 
   if (unit !== '') {
-    returnValue = returnValue.replace(/([\D]*)([\d,.\s]+)([\D]*)/, (match, p1, p2, p3) => [p1, p2, unit, p3].join(''));
+    returnValue = returnValue.replace(/([\D]*)([\d,.\s]+)([\D]*)/, function (match, p1, p2, p3) {
+      return [p1, p2, unit, p3].join('');
+    });
   }
 
   return returnValue;
@@ -201,12 +256,15 @@ export function formatCurrencyAmount(amount, size = 'l', locale = 'en-EN', curre
  * @param locale
  */
 
-export function formatRate(rate, size = 'l', locale = 'en-EN') {
-  let effectiveSize = 0;
+
+function formatRate(rate) {
+  var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'l';
+  var locale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'en-EN';
+  var effectiveSize = 0;
   if (size === 'l') effectiveSize = 2;
   if (size === 'm') effectiveSize = 1; // To locale
 
-  const options = {
+  var options = {
     minimumFractionDigits: effectiveSize,
     maximumFractionDigits: effectiveSize,
     style: 'percent'
@@ -220,7 +278,8 @@ export function formatRate(rate, size = 'l', locale = 'en-EN') {
  * @returns {*}
  */
 
-export function getNextItemSelectable(node, direction) {
+
+function getNextItemSelectable(node, direction) {
   if (direction === 'down') {
     if (node.nextSibling === null) {
       return null;
@@ -249,8 +308,9 @@ export function getNextItemSelectable(node, direction) {
  * @returns {*}
  */
 
-export function foldAccents(toFold) {
-  return toFold.replace(/([àáâãäå])|([ç])|([èéêë])|([ìíîï])|([ñ])|([òóôõöø])|([ß])|([ùúûü])|([ÿ])|([æ])|([œ])|([+])|([\\])|([\[])|([\]])|([\(])|([\)])|([?])|([*])/g, (str, a, c, e, i, n, o, s, u, y, ae, oe, plus, backSlash, lc, rc, lp, rp, interogation, star) => {
+
+function foldAccents(toFold) {
+  return toFold.replace(/([àáâãäå])|([ç])|([èéêë])|([ìíîï])|([ñ])|([òóôõöø])|([ß])|([ùúûü])|([ÿ])|([æ])|([œ])|([+])|([\\])|([[])|([\]])|([(])|([)])|([?])|([*])/g, function (str, a, c, e, i, n, o, s, u, y, ae, oe, plus, backSlash, lc, rc, lp, rp, interogation, star) {
     if (a) return 'a';
     if (c) return 'c';
     if (e) return 'e';

package/es/withMobileDialog/index.js

@@ -1 +1,15 @@
-export { default } from './withMobileDialog';
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _withMobileDialog.default;
+  }
+});
+
+var _withMobileDialog = _interopRequireDefault(require("./withMobileDialog"));

package/es/withMobileDialog/withMobileDialog.js

@@ -1,28 +1,40 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import PropTypes from 'prop-types';
-import withWidth, { isWidthDown } from '@material-ui/core/withWidth';
+"use strict";
+
+var _interopRequireWildcard = require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _withWidth = _interopRequireWildcard(require("@material-ui/core/withWidth"));
+
 /**
  * Dialog will responsively be full screen *at or below* the given breakpoint
  * (defaults to 'sm' for mobile devices).
  * Notice that this Higher-order Component is incompatible with server side rendering.
  */
+var withMobileDialog = function withMobileDialog() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return function (Component) {
+    var _options$breakpoint = options.breakpoint,
+        breakpoint = _options$breakpoint === void 0 ? 'sm' : _options$breakpoint;
+
+    function WithMobileDialog(props) {
+      return _react.default.createElement(Component, (0, _extends2.default)({
+        fullScreen: (0, _withWidth.isWidthDown)(breakpoint, props.width)
+      }, props));
+    }
 
-const withMobileDialog = (options = {}) => Component => {
-  const {
-    breakpoint = 'sm'
-  } = options;
-
-  function WithMobileDialog(props) {
-    return React.createElement(Component, _extends({
-      fullScreen: isWidthDown(breakpoint, props.width)
-    }, props));
-  }
-
-  WithMobileDialog.propTypes = process.env.NODE_ENV !== "production" ? {
-    width: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']).isRequired
-  } : {};
-  return withWidth()(WithMobileDialog);
+    return (0, _withWidth.default)()(WithMobileDialog);
+  };
 };
 
-export default withMobileDialog;
+var _default = withMobileDialog;
+exports.default = _default;

package/hi-svg-icons/HiAccount.js

@@ -1,15 +1,17 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _extends2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
 
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -17,16 +19,20 @@ var _pure = _interopRequireDefault(require("recompose/pure"));
 
 var _styles = require("@material-ui/core/styles");
 
+var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+
 /**
  * @ignore - internal component.
  */
 var HiAccount = (0, _pure.default)(function (props) {
-  var classes = props.classes,
-      _props$color = props.color,
-      color = _props$color === void 0 ? props.theme.palette.neutral.main : _props$color,
-      theme = props.theme,
-      other = (0, _objectWithoutProperties2.default)(props, ["classes", "color", "theme"]);
-  return _react.default.createElement("svg", (0, _extends2.default)({
+  var _props$color = props.color,
+      color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
+      other = (0, _objectWithoutProperties2.default)(props, ["color"]);
+  return _react.default.createElement(_Icon.default, {
+    style: (0, _objectSpread2.default)({}, props.style, {
+      fontSize: props.size || 24
+    })
+  }, _react.default.createElement("svg", (0, _extends2.default)({
     viewBox: "0 0 37.5 39"
   }, other), _react.default.createElement("g", {
     transform: "translate(-8111 -110)"
@@ -40,7 +46,7 @@ var HiAccount = (0, _pure.default)(function (props) {
     // eslint-disable-next-line max-len
     d: "M8117 118.1H8144V124.8h-1.1v18H8118.2v-18h-1.1V118.1zm2.3 2.3v2.2h22.5v-2.2h-22.5zm1.1 4.5v15.8h20.2v-15.8h-20.2zm6.6 2.2h7c.3 0 .6.1.8.3s.3.5.3.8c0 .3-.1.6-.3.8s-.5.3-.8.3h-6.8-.1c-.3 0-.5-.1-.8-.3-.2-.2-.4-.5-.4-.8 0-.3.1-.5.3-.7s.5-.3.8-.4z",
     fill: color
-  })));
+  }))));
 });
 HiAccount.muiName = 'SvgIcon';
 

package/hi-svg-icons/HiActivity.js

@@ -1,15 +1,17 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _extends2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
 
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -17,16 +19,20 @@ var _pure = _interopRequireDefault(require("recompose/pure"));
 
 var _styles = require("@material-ui/core/styles");
 
+var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+
 /**
  * @ignore - internal component.
  */
 var HiActivity = (0, _pure.default)(function (props) {
-  var classes = props.classes,
-      _props$color = props.color,
-      color = _props$color === void 0 ? props.theme.palette.neutral.main : _props$color,
-      theme = props.theme,
-      other = (0, _objectWithoutProperties2.default)(props, ["classes", "color", "theme"]);
-  return _react.default.createElement("svg", (0, _extends2.default)({
+  var _props$color = props.color,
+      color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
+      other = (0, _objectWithoutProperties2.default)(props, ["color"]);
+  return _react.default.createElement(_Icon.default, {
+    style: (0, _objectSpread2.default)({}, props.style, {
+      fontSize: props.size || 24
+    })
+  }, _react.default.createElement("svg", (0, _extends2.default)({
     viewBox: "0 0 22.75 20.75"
   }, other), _react.default.createElement("circle", {
     cx: "9",
@@ -38,7 +44,7 @@ var HiActivity = (0, _pure.default)(function (props) {
     // eslint-disable-next-line max-len
     d: "M7.33,1.41A7.75,7.75,0,0,0,5.64,3.94,7.91,7.91,0,0,0,5,7.05a7.91,7.91,0,0,0,2.3,5.65L5.92,14.11A10.06,10.06,0,0,1,3.79,11,9.73,9.73,0,0,1,3,7.05a9.72,9.72,0,0,1,.77-3.89A10.06,10.06,0,0,1,5.92,0ZM14,11.06v4h1a1,1,0,0,1,1,1h7v2H16a1,1,0,0,1-1,1H11a1,1,0,0,1-1-1H3V16h7a1,1,0,0,1,1-1h1v-4ZM10.19,4.22A3.84,3.84,0,0,0,9.06,7.05a3.84,3.84,0,0,0,1.13,2.84L8.78,11.3A6.36,6.36,0,0,1,7.47,9.38,5.84,5.84,0,0,1,7,7.05a6,6,0,0,1,.47-2.34,5.62,5.62,0,0,1,1.31-1.9Zm4.22,1.4A2,2,0,0,1,15,7a2,2,0,0,1-.56,1.43,2,2,0,0,1-2.82,0A2,2,0,0,1,11,7a2,2,0,0,1,3.38-1.41Zm4.12-.91A6,6,0,0,1,19,7.05a5.84,5.84,0,0,1-.47,2.33,6.36,6.36,0,0,1-1.31,1.92L15.81,9.89a3.84,3.84,0,0,0,1.13-2.84,3.84,3.84,0,0,0-1.13-2.83l1.41-1.41A5.62,5.62,0,0,1,18.53,4.71Zm3.68-1.55A9.72,9.72,0,0,1,23,7.05a9.73,9.73,0,0,1-.77,3.9,10.06,10.06,0,0,1-2.13,3.16L18.67,12.7A7.91,7.91,0,0,0,21,7.05a7.91,7.91,0,0,0-.61-3.11,7.75,7.75,0,0,0-1.69-2.53L20.08,0A10.06,10.06,0,0,1,22.21,3.16Z",
     fill: color
-  })));
+  }))));
 });
 HiActivity.muiName = 'SvgIcon';