@hipay/hipay-material-ui 3.15.2 → 3.15.3-beta.1

package/es/styles/createBreakpoints.js

@@ -1,74 +1,59 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = createBreakpoints;
 exports.keys = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 // Sorted ASC by size. That's important.
 // It can't be configured as it's used statically for propTypes.
-var keys = ['xs', 'sm', 'md', 'lg', 'xl']; // Keep in mind that @media is inclusive by the CSS specification.
-
-exports.keys = keys;
+var keys = exports.keys = ['xs', 'sm', 'md', 'lg', 'xl'];
 
+// Keep in mind that @media is inclusive by the CSS specification.
 function createBreakpoints(breakpoints) {
   var _breakpoints$values = breakpoints.values,
-      values = _breakpoints$values === void 0 ? {
-    xs: 0,
-    sm: 600,
-    md: 960,
-    lg: 1280,
-    xl: 1920
-  } : _breakpoints$values,
-      _breakpoints$unit = breakpoints.unit,
-      unit = _breakpoints$unit === void 0 ? 'px' : _breakpoints$unit,
-      _breakpoints$step = breakpoints.step,
-      step = _breakpoints$step === void 0 ? 5 : _breakpoints$step,
-      other = (0, _objectWithoutProperties2.default)(breakpoints, ["values", "unit", "step"]);
-
+    values = _breakpoints$values === void 0 ? {
+      xs: 0,
+      sm: 600,
+      md: 960,
+      lg: 1280,
+      xl: 1920
+    } : _breakpoints$values,
+    _breakpoints$unit = breakpoints.unit,
+    unit = _breakpoints$unit === void 0 ? 'px' : _breakpoints$unit,
+    _breakpoints$step = breakpoints.step,
+    step = _breakpoints$step === void 0 ? 5 : _breakpoints$step,
+    other = (0, _objectWithoutProperties2.default)(breakpoints, ["values", "unit", "step"]);
   function up(key) {
     var value = typeof values[key] === 'number' ? values[key] : key;
     return "@media (min-width:".concat(value).concat(unit, ")");
   }
-
   function down(key) {
     var endIndex = keys.indexOf(key) + 1;
     var upperbound = values[keys[endIndex]];
-
     if (endIndex === keys.length) {
       // xl down applies to all sizes
       return up('xs');
     }
-
     var value = typeof upperbound === 'number' && endIndex > 0 ? upperbound : key;
     return "@media (max-width:".concat(value - step / 100).concat(unit, ")");
   }
-
   function between(start, end) {
     var endIndex = keys.indexOf(end) + 1;
-
     if (endIndex === keys.length) {
       return up(start);
     }
-
     return "@media (min-width:".concat(values[start]).concat(unit, ") and ") + "(max-width:".concat(values[keys[endIndex]] - step / 100).concat(unit, ")");
   }
-
   function only(key) {
     return between(key, key);
   }
-
   function width(key) {
     return values[key];
   }
-
   return (0, _objectSpread2.default)({
     keys: keys,
     values: values,

package/es/styles/createGenerateClassName.js

@@ -1,86 +1,76 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = createGenerateClassName;
-
 var _warning = _interopRequireDefault(require("warning"));
-
 /* eslint-disable no-underscore-dangle */
+
 // People might bundle this classname generator twice.
 // We need to use a global.
 global.__MUI_GENERATOR_COUNTER__ = 0;
 var escapeRegex = /([[\].#*$><+~=|^:(),"'`\s])/g;
-
 function safePrefix(classNamePrefix) {
   var prefix = String(classNamePrefix);
-  process.env.NODE_ENV !== "production" ? (0, _warning.default)(prefix.length < 256, "Material-UI: the class name prefix is too long: ".concat(prefix, ".")) : void 0; // Sanitize the string as will be used to prefix the generated class name.
-
+  process.env.NODE_ENV !== "production" ? (0, _warning.default)(prefix.length < 256, "Material-UI: the class name prefix is too long: ".concat(prefix, ".")) : void 0;
+  // Sanitize the string as will be used to prefix the generated class name.
   return prefix.replace(escapeRegex, '-');
-} // Returns a function which generates unique class names based on counters.
+}
+
+// Returns a function which generates unique class names based on counters.
 // When new generator function is created, rule counter is reset.
 // We need to reset the rule counter for SSR for each request.
 //
 // It's inspired by
 // https://github.com/cssinjs/jss/blob/4e6a05dd3f7b6572fdd3ab216861d9e446c20331/src/utils/createGenerateClassName.js
-
-
 function createGenerateClassName() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var _options$dangerouslyU = options.dangerouslyUseGlobalCSS,
-      dangerouslyUseGlobalCSS = _options$dangerouslyU === void 0 ? false : _options$dangerouslyU,
-      _options$productionPr = options.productionPrefix,
-      productionPrefix = _options$productionPr === void 0 ? 'jss' : _options$productionPr;
-  var ruleCounter = 0; // - HMR can lead to many class name generators being instantiated,
+    dangerouslyUseGlobalCSS = _options$dangerouslyU === void 0 ? false : _options$dangerouslyU,
+    _options$productionPr = options.productionPrefix,
+    productionPrefix = _options$productionPr === void 0 ? 'jss' : _options$productionPr;
+  var ruleCounter = 0;
+
+  // - HMR can lead to many class name generators being instantiated,
   // so the warning is only triggered in production.
   // - We expect a class name generator to be instantiated per new request on the server,
   // so the warning is only triggered client side.
-
   if (process.env.NODE_ENV === 'production' && typeof window !== 'undefined') {
     global.__MUI_GENERATOR_COUNTER__ += 1;
-
     if (global.__MUI_GENERATOR_COUNTER__ > 2) {
       // eslint-disable-next-line no-console
       console.error(['Material-UI: we have detected more than needed creation of the class name generator.', 'You should only use one class name generator on the client side.', 'If you do otherwise, you take the risk to have conflicting class names in production.'].join('\n'));
     }
   }
-
   return function (rule, styleSheet) {
     ruleCounter += 1;
-    process.env.NODE_ENV !== "production" ? (0, _warning.default)(ruleCounter < 1e10, ['Material-UI: you might have a memory leak.', 'The ruleCounter is not supposed to grow that much.'].join('')) : void 0; // Code branch the whole block at the expense of more code.
+    process.env.NODE_ENV !== "production" ? (0, _warning.default)(ruleCounter < 1e10, ['Material-UI: you might have a memory leak.', 'The ruleCounter is not supposed to grow that much.'].join('')) : void 0;
 
+    // Code branch the whole block at the expense of more code.
     if (dangerouslyUseGlobalCSS) {
       if (styleSheet) {
         if (styleSheet.options.name) {
           return "".concat(styleSheet.options.name, "-").concat(rule.key);
         }
-
         if (styleSheet.options.classNamePrefix && process.env.NODE_ENV !== 'production') {
           var prefix = safePrefix(styleSheet.options.classNamePrefix);
           return "".concat(prefix, "-").concat(rule.key, "-").concat(ruleCounter);
         }
       }
-
       if (process.env.NODE_ENV === 'production') {
         return "".concat(productionPrefix).concat(ruleCounter);
       }
-
       return "".concat(rule.key, "-").concat(ruleCounter);
     }
-
     if (process.env.NODE_ENV === 'production') {
       return "".concat(productionPrefix).concat(ruleCounter);
     }
-
     if (styleSheet && styleSheet.options.classNamePrefix) {
       var _prefix = safePrefix(styleSheet.options.classNamePrefix);
-
       return "".concat(_prefix, "-").concat(rule.key, "-").concat(ruleCounter);
     }
-
     return "".concat(rule.key, "-").concat(ruleCounter);
   };
 }

package/es/styles/createMixins.js

@@ -1,19 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = createMixins;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
 var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 function createMixins(breakpoints, spacing, mixins) {
-  var _toolbar;
-
   return (0, _objectSpread3.default)({
     gutters: function gutters() {
       var styles = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -25,12 +19,12 @@ function createMixins(breakpoints, spacing, mixins) {
         paddingRight: spacing(6)
       }, styles[breakpoints.up('sm')])));
     },
-    toolbar: (_toolbar = {
+    toolbar: (0, _defineProperty2.default)((0, _defineProperty2.default)({
       minHeight: 56
-    }, (0, _defineProperty2.default)(_toolbar, "".concat(breakpoints.up('xs'), " and (orientation: landscape)"), {
+    }, "".concat(breakpoints.up('xs'), " and (orientation: landscape)"), {
       minHeight: 48
-    }), (0, _defineProperty2.default)(_toolbar, breakpoints.up('sm'), {
+    }), breakpoints.up('sm'), {
       minHeight: 64
-    }), _toolbar)
+    })
   }, mixins);
 }

package/es/styles/createMuiTheme.js

@@ -1,53 +1,38 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _deepmerge = _interopRequireDefault(require("deepmerge"));
-
 var _isPlainObject = _interopRequireDefault(require("is-plain-object"));
-
 var _warning = _interopRequireDefault(require("warning"));
-
 var _createBreakpoints = _interopRequireDefault(require("./createBreakpoints"));
-
 var _createMixins = _interopRequireDefault(require("./createMixins"));
-
 var _createPalette = _interopRequireDefault(require("./createPalette"));
-
 var _createTypography = _interopRequireDefault(require("./createTypography"));
-
 var _shadows = _interopRequireDefault(require("./shadows"));
-
 var _shape = _interopRequireDefault(require("./shape"));
-
 var _spacing = _interopRequireDefault(require("./spacing"));
-
 var _transitions = _interopRequireDefault(require("./transitions"));
-
 var _zIndex = _interopRequireDefault(require("./zIndex"));
-
 // < 1kb payload overhead when lodash/merge is > 3kb.
+
 function createMuiTheme() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var _options$breakpoints = options.breakpoints,
-      breakpointsInput = _options$breakpoints === void 0 ? {} : _options$breakpoints,
-      _options$mixins = options.mixins,
-      mixinsInput = _options$mixins === void 0 ? {} : _options$mixins,
-      _options$palette = options.palette,
-      paletteInput = _options$palette === void 0 ? {} : _options$palette,
-      shadowsInput = options.shadows,
-      _options$typography = options.typography,
-      typographyInput = _options$typography === void 0 ? {} : _options$typography,
-      other = (0, _objectWithoutProperties2.default)(options, ["breakpoints", "mixins", "palette", "shadows", "typography"]);
+    breakpointsInput = _options$breakpoints === void 0 ? {} : _options$breakpoints,
+    _options$mixins = options.mixins,
+    mixinsInput = _options$mixins === void 0 ? {} : _options$mixins,
+    _options$palette = options.palette,
+    paletteInput = _options$palette === void 0 ? {} : _options$palette,
+    shadowsInput = options.shadows,
+    _options$typography = options.typography,
+    typographyInput = _options$typography === void 0 ? {} : _options$typography,
+    other = (0, _objectWithoutProperties2.default)(options, ["breakpoints", "mixins", "palette", "shadows", "typography"]);
   var palette = (0, _createPalette.default)(paletteInput);
   var breakpoints = (0, _createBreakpoints.default)(breakpointsInput);
   var muiTheme = (0, _objectSpread2.default)({
@@ -72,6 +57,4 @@ function createMuiTheme() {
   process.env.NODE_ENV !== "production" ? (0, _warning.default)(muiTheme.shadows.length === 25, 'Material-UI: the shadows array provided to createMuiTheme should support 25 elevations.') : void 0;
   return muiTheme;
 }
-
-var _default = createMuiTheme;
-exports.default = _default;
+var _default = exports.default = createMuiTheme;

package/es/styles/createPalette.js

@@ -1,32 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.dark = void 0;
 exports.default = createPalette;
 exports.light = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _warning = _interopRequireDefault(require("warning"));
-
 var _deepmerge = _interopRequireDefault(require("deepmerge"));
-
 var _grey = _interopRequireDefault(require("@mui/material/colors/grey"));
-
 var _red = _interopRequireDefault(require("@mui/material/colors/red"));
-
 var _common = _interopRequireDefault(require("@mui/material/colors/common"));
-
 var _colorManipulator = require("./colorManipulator");
-
 // < 1kb payload overhead when lodash/merge is > 3kb.
-var light = {
+
+var light = exports.light = {
   global: {
     background1: '#FFFFFF',
     background2: '#F8F9FB',
@@ -78,8 +69,7 @@ var light = {
     disabled: '#FAFAFA'
   }
 };
-exports.light = light;
-var dark = {
+var dark = exports.dark = {
   global: {
     background1: '#303030',
     background2: '#212121',
@@ -118,8 +108,6 @@ var dark = {
     disabled: 'rgba(255, 255, 255, 0.5)'
   }
 };
-exports.dark = dark;
-
 function addLightOrDark(intent, direction, shade, tonalOffset) {
   if (!intent[direction]) {
     if (intent.hasOwnProperty(shade)) {
@@ -131,108 +119,98 @@ function addLightOrDark(intent, direction, shade, tonalOffset) {
     }
   }
 }
-
 function createPalette(palette) {
   var _palette$primary = palette.primary,
-      primary = _palette$primary === void 0 ? {
-    light: '#5bc8ef',
-    main: '#00ade9',
-    dark: '#007ca9',
-    contrastText: '#FFFFFF'
-  } : _palette$primary,
-      _palette$secondary = palette.secondary,
-      secondary = _palette$secondary === void 0 ? {
-    light: '#ffd94f',
-    main: '#ffcf21',
-    dark: '#E9BE30',
-    contrastText: '#FFFFFF'
-  } : _palette$secondary,
-      _palette$positive = palette.positive,
-      positive = _palette$positive === void 0 ? {
-    light: '#66CF66',
-    main: '#00AF00',
-    dark: '#008300',
-    contrastText: '#FFFFFF'
-  } : _palette$positive,
-      _palette$negative = palette.negative,
-      negative = _palette$negative === void 0 ? {
-    ultraLight: '#EA9494',
-    light: '#E66666',
-    main: '#D50000',
-    dark: '#A00000',
-    contrastText: '#FFFFFF'
-  } : _palette$negative,
-      _palette$middle = palette.middle,
-      middle = _palette$middle === void 0 ? {
-    light: '#F4A647',
-    main: '#F99408',
-    dark: '#F78700',
-    contrastText: '#FFFFFF'
-  } : _palette$middle,
-      _palette$neutral = palette.neutral,
-      neutral = _palette$neutral === void 0 ? {
-    ultraLight: '#8B8B8B',
-    light: '#838383',
-    main: '#737373',
-    dark: '#20272B',
-    contrastText: '#FFFFFF'
-  } : _palette$neutral,
-      _palette$error = palette.error,
-      error = _palette$error === void 0 ? {
-    light: _red.default[300],
-    main: _red.default[500],
-    dark: _red.default[700]
-  } : _palette$error,
-      _palette$lookup = palette.lookup,
-      lookup = _palette$lookup === void 0 ? {
-    light: '#FFFF8D',
-    main: '#EDED14'
-  } : _palette$lookup,
-      _palette$type = palette.type,
-      type = _palette$type === void 0 ? 'light' : _palette$type,
-      _palette$contrastThre = palette.contrastThreshold,
-      contrastThreshold = _palette$contrastThre === void 0 ? 3 : _palette$contrastThre,
-      _palette$tonalOffset = palette.tonalOffset,
-      tonalOffset = _palette$tonalOffset === void 0 ? 0.2 : _palette$tonalOffset,
-      _palette$context = palette.context,
-      context = _palette$context === void 0 ? 'local' : _palette$context,
-      other = (0, _objectWithoutProperties2.default)(palette, ["primary", "secondary", "positive", "negative", "middle", "neutral", "error", "lookup", "type", "contrastThreshold", "tonalOffset", "context"]);
-
+    primary = _palette$primary === void 0 ? {
+      light: '#5bc8ef',
+      main: '#00ade9',
+      dark: '#007ca9',
+      contrastText: '#FFFFFF'
+    } : _palette$primary,
+    _palette$secondary = palette.secondary,
+    secondary = _palette$secondary === void 0 ? {
+      light: '#ffd94f',
+      main: '#ffcf21',
+      dark: '#E9BE30',
+      contrastText: '#FFFFFF'
+    } : _palette$secondary,
+    _palette$positive = palette.positive,
+    positive = _palette$positive === void 0 ? {
+      light: '#66CF66',
+      main: '#00AF00',
+      dark: '#008300',
+      contrastText: '#FFFFFF'
+    } : _palette$positive,
+    _palette$negative = palette.negative,
+    negative = _palette$negative === void 0 ? {
+      ultraLight: '#EA9494',
+      light: '#E66666',
+      main: '#D50000',
+      dark: '#A00000',
+      contrastText: '#FFFFFF'
+    } : _palette$negative,
+    _palette$middle = palette.middle,
+    middle = _palette$middle === void 0 ? {
+      light: '#F4A647',
+      main: '#F99408',
+      dark: '#F78700',
+      contrastText: '#FFFFFF'
+    } : _palette$middle,
+    _palette$neutral = palette.neutral,
+    neutral = _palette$neutral === void 0 ? {
+      ultraLight: '#8B8B8B',
+      light: '#838383',
+      main: '#737373',
+      dark: '#20272B',
+      contrastText: '#FFFFFF'
+    } : _palette$neutral,
+    _palette$error = palette.error,
+    error = _palette$error === void 0 ? {
+      light: _red.default[300],
+      main: _red.default[500],
+      dark: _red.default[700]
+    } : _palette$error,
+    _palette$lookup = palette.lookup,
+    lookup = _palette$lookup === void 0 ? {
+      light: '#FFFF8D',
+      main: '#EDED14'
+    } : _palette$lookup,
+    _palette$type = palette.type,
+    type = _palette$type === void 0 ? 'light' : _palette$type,
+    _palette$contrastThre = palette.contrastThreshold,
+    contrastThreshold = _palette$contrastThre === void 0 ? 3 : _palette$contrastThre,
+    _palette$tonalOffset = palette.tonalOffset,
+    tonalOffset = _palette$tonalOffset === void 0 ? 0.2 : _palette$tonalOffset,
+    _palette$context = palette.context,
+    context = _palette$context === void 0 ? 'local' : _palette$context,
+    other = (0, _objectWithoutProperties2.default)(palette, ["primary", "secondary", "positive", "negative", "middle", "neutral", "error", "lookup", "type", "contrastThreshold", "tonalOffset", "context"]);
   function getContrastText(background) {
     // Use the same logic as
     // Bootstrap: https://github.com/twbs/bootstrap/blob/1d6e3710dd447de1a200f29e8fa521f8a0908f70/scss/_functions.scss#L59
     // and material-components-web https://github.com/material-components/material-components-web/blob/ac46b8863c4dab9fc22c4c662dc6bd1b65dd652f/packages/mdc-theme/_functions.scss#L54
     var contrastText = (0, _colorManipulator.getContrastRatio)(background, dark.text.primary) >= contrastThreshold ? dark.text.primary : light.text.primary;
-
     if (process.env.NODE_ENV !== 'production') {
       var contrast = (0, _colorManipulator.getContrastRatio)(background, contrastText);
       process.env.NODE_ENV !== "production" ? (0, _warning.default)(contrast >= 3, ["Material-UI: the contrast ratio of ".concat(contrast, ":1 for ").concat(contrastText, " on ").concat(background), 'falls below the WACG recommended absolute minimum contrast ratio of 3:1.', 'https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast'].join('\n')) : void 0;
     }
-
     return contrastText;
   }
-
   function augmentColor(color) {
     var mainShade = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 500;
     var lightShade = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 300;
     var darkShade = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 700;
-
     if (!color.main && color[mainShade]) {
       color.main = color[mainShade];
     }
-
     if (process.env.NODE_ENV !== 'production' && !color.main) {
       throw new Error(['Material-UI: the color provided to augmentColor(color) is invalid.', "The color object needs to have a `main` property or a `".concat(mainShade, "` property.")].join('\n'));
     }
-
     addLightOrDark(color, 'light', lightShade, tonalOffset);
     addLightOrDark(color, 'dark', darkShade, tonalOffset);
-
     if (!color.contrastText) {
       color.contrastText = getContrastText(color.main);
     }
   }
-
   augmentColor(primary);
   augmentColor(secondary, 'A400', 'A200', 'A700');
   augmentColor(error);
@@ -282,7 +260,7 @@ function createPalette(palette) {
     tonalOffset: tonalOffset
   }, types[type], {}, contexts[context]), other, {
     clone: false // No need to clone deep
-
   });
+
   return paletteOutput;
 }

package/es/styles/createStyles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = createStyles;
-
 function createStyles(styles) {
   return styles;
 }

package/es/styles/createTypography.js

@@ -1,46 +1,38 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = createTypography;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _deepmerge = _interopRequireDefault(require("deepmerge"));
-
 // < 1kb payload overhead when lodash/merge is > 3kb.
+
 function round(value) {
   return Math.round(value * 1e5) / 1e5;
 }
-
 function createTypography(palette, typography) {
   var _ref = typeof typography === 'function' ? typography(palette) : typography,
-      _ref$fontFamily = _ref.fontFamily,
-      fontFamily = _ref$fontFamily === void 0 ? '"Roboto", "Helvetica", "Arial", sans-serif' : _ref$fontFamily,
-      _ref$fontSize = _ref.fontSize,
-      fontSize = _ref$fontSize === void 0 ? 14 : _ref$fontSize,
-      _ref$fontWeightLight = _ref.fontWeightLight,
-      fontWeightLight = _ref$fontWeightLight === void 0 ? 300 : _ref$fontWeightLight,
-      _ref$fontWeightRegula = _ref.fontWeightRegular,
-      fontWeightRegular = _ref$fontWeightRegula === void 0 ? 400 : _ref$fontWeightRegula,
-      _ref$fontWeightMedium = _ref.fontWeightMedium,
-      fontWeightMedium = _ref$fontWeightMedium === void 0 ? 500 : _ref$fontWeightMedium,
-      _ref$htmlFontSize = _ref.htmlFontSize,
-      htmlFontSize = _ref$htmlFontSize === void 0 ? 16 : _ref$htmlFontSize,
-      allVariants = _ref.allVariants,
-      other = (0, _objectWithoutProperties2.default)(_ref, ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "htmlFontSize", "allVariants"]);
-
+    _ref$fontFamily = _ref.fontFamily,
+    fontFamily = _ref$fontFamily === void 0 ? '"Roboto", "Helvetica", "Arial", sans-serif' : _ref$fontFamily,
+    _ref$fontSize = _ref.fontSize,
+    fontSize = _ref$fontSize === void 0 ? 14 : _ref$fontSize,
+    _ref$fontWeightLight = _ref.fontWeightLight,
+    fontWeightLight = _ref$fontWeightLight === void 0 ? 300 : _ref$fontWeightLight,
+    _ref$fontWeightRegula = _ref.fontWeightRegular,
+    fontWeightRegular = _ref$fontWeightRegula === void 0 ? 400 : _ref$fontWeightRegula,
+    _ref$fontWeightMedium = _ref.fontWeightMedium,
+    fontWeightMedium = _ref$fontWeightMedium === void 0 ? 500 : _ref$fontWeightMedium,
+    _ref$htmlFontSize = _ref.htmlFontSize,
+    htmlFontSize = _ref$htmlFontSize === void 0 ? 16 : _ref$htmlFontSize,
+    allVariants = _ref.allVariants,
+    other = (0, _objectWithoutProperties2.default)(_ref, ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "htmlFontSize", "allVariants"]);
   var coef = fontSize / 14;
-
   function pxToRem(value) {
     return "".concat(value / htmlFontSize * coef, "rem");
   }
-
   return (0, _deepmerge.default)({
     pxToRem: pxToRem,
     round: round,
@@ -180,6 +172,5 @@ function createTypography(palette, typography) {
     }, allVariants)
   }, other, {
     clone: false // No need to clone deep
-
   });
 }