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

package/styles/createTypography.js

@@ -1,15 +1,15 @@
 "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 = createTypography;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+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("@babel/runtime/helpers/objectWithoutProperties"));
+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 _deepmerge = _interopRequireDefault(require("deepmerge"));
 
@@ -49,7 +49,7 @@ function createTypography(palette, typography) {
     fontWeightLight: fontWeightLight,
     fontWeightRegular: fontWeightRegular,
     fontWeightMedium: fontWeightMedium,
-    display4: (0, _extends2.default)({
+    display4: (0, _objectSpread2.default)({
       fontSize: pxToRem(112),
       fontWeight: fontWeightLight,
       fontFamily: fontFamily,
@@ -58,7 +58,7 @@ function createTypography(palette, typography) {
       marginLeft: '-.04em',
       color: palette.text.secondary
     }, allVariants),
-    display3: (0, _extends2.default)({
+    display3: (0, _objectSpread2.default)({
       fontSize: pxToRem(56),
       fontWeight: fontWeightRegular,
       fontFamily: fontFamily,
@@ -67,7 +67,7 @@ function createTypography(palette, typography) {
       marginLeft: '-.02em',
       color: palette.text.secondary
     }, allVariants),
-    display2: (0, _extends2.default)({
+    display2: (0, _objectSpread2.default)({
       fontSize: pxToRem(45),
       fontWeight: fontWeightRegular,
       fontFamily: fontFamily,
@@ -75,49 +75,49 @@ function createTypography(palette, typography) {
       marginLeft: '-.02em',
       color: palette.text.secondary
     }, allVariants),
-    display1: (0, _extends2.default)({
+    display1: (0, _objectSpread2.default)({
       fontSize: pxToRem(34),
       fontWeight: fontWeightRegular,
       fontFamily: fontFamily,
       lineHeight: "".concat(round(41 / 34), "em"),
       color: palette.text.secondary
     }, allVariants),
-    headline: (0, _extends2.default)({
+    headline: (0, _objectSpread2.default)({
       fontSize: pxToRem(24),
       fontWeight: fontWeightRegular,
       fontFamily: fontFamily,
       lineHeight: "".concat(round(32.5 / 24), "em"),
       color: palette.text.primary
     }, allVariants),
-    title: (0, _extends2.default)({
+    title: (0, _objectSpread2.default)({
       fontSize: pxToRem(21),
       fontWeight: fontWeightMedium,
       fontFamily: fontFamily,
       lineHeight: "".concat(round(24.5 / 21), "em"),
       color: palette.text.primary
     }, allVariants),
-    subheading: (0, _extends2.default)({
+    subheading: (0, _objectSpread2.default)({
       fontSize: pxToRem(16),
       fontWeight: fontWeightRegular,
       fontFamily: fontFamily,
       lineHeight: "".concat(round(24 / 16), "em"),
       color: palette.text.primary
     }, allVariants),
-    body3: (0, _extends2.default)({
+    body3: (0, _objectSpread2.default)({
       fontSize: pxToRem(14),
       fontWeight: fontWeightRegular,
       fontFamily: fontFamily,
       lineHeight: "".concat(round(26 / 14), "em"),
       color: palette.text.primary
     }, allVariants),
-    body2: (0, _extends2.default)({
+    body2: (0, _objectSpread2.default)({
       fontSize: pxToRem(14),
       fontWeight: fontWeightMedium,
       fontFamily: fontFamily,
       lineHeight: "".concat(round(24 / 14), "em"),
       color: palette.text.primary
     }, allVariants),
-    body1: (0, _extends2.default)({
+    body1: (0, _objectSpread2.default)({
       fontSize: pxToRem(14),
       fontWeight: fontWeightRegular,
       fontFamily: fontFamily,
@@ -164,14 +164,14 @@ function createTypography(palette, typography) {
       fontSize: 11,
       fontFamily: fontFamily
     },
-    caption: (0, _extends2.default)({
+    caption: (0, _objectSpread2.default)({
       fontSize: pxToRem(12),
       fontWeight: fontWeightRegular,
       fontFamily: fontFamily,
       lineHeight: "".concat(round(16.5 / 12), "em"),
       color: palette.text.secondary
     }, allVariants),
-    button: (0, _extends2.default)({
+    button: (0, _objectSpread2.default)({
       fontSize: pxToRem(14),
       textTransform: 'uppercase',
       fontWeight: fontWeightMedium,

package/styles/getStylesCreator.js

@@ -1,15 +1,15 @@
 "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 _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2"));
 
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+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"));
 
@@ -33,7 +33,7 @@ function getStylesCreator(stylesOrCreator) {
     }
 
     var overrides = theme.overrides[name];
-    var stylesWithOverrides = (0, _extends2.default)({}, styles);
+    var stylesWithOverrides = (0, _objectSpread2.default)({}, styles);
     Object.keys(overrides).forEach(function (key) {
       process.env.NODE_ENV !== "production" ? (0, _warning.default)(stylesWithOverrides[key], ['Material-UI: you are trying to override a style that does not exist.', "Fix the `".concat(key, "` key of `theme.overrides.").concat(name, "`.")].join('\n')) : void 0;
       stylesWithOverrides[key] = (0, _deepmerge.default)(stylesWithOverrides[key], overrides[key], {

package/styles/index.js

@@ -1,6 +1,6 @@
 "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
@@ -35,18 +35,6 @@ Object.defineProperty(exports, "createStyles", {
     return _createStyles.default;
   }
 });
-Object.defineProperty(exports, "withStyles", {
-  enumerable: true,
-  get: function get() {
-    return _withStyles.default;
-  }
-});
-Object.defineProperty(exports, "withTheme", {
-  enumerable: true,
-  get: function get() {
-    return _withTheme.default;
-  }
-});
 
 var _createGenerateClassName = _interopRequireDefault(require("./createGenerateClassName"));
 
@@ -56,8 +44,4 @@ var _jssPreset = _interopRequireDefault(require("./jssPreset"));
 
 var _MuiThemeProvider = _interopRequireDefault(require("./MuiThemeProvider"));
 
-var _createStyles = _interopRequireDefault(require("./createStyles"));
-
-var _withStyles = _interopRequireDefault(require("./withStyles"));
-
-var _withTheme = _interopRequireDefault(require("./withTheme"));
+var _createStyles = _interopRequireDefault(require("./createStyles"));

package/styles/jssPreset.js

@@ -1,6 +1,6 @@
 "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

package/styles/mergeClasses.js

@@ -1,13 +1,13 @@
 "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 _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2"));
 
 var _warning = _interopRequireDefault(require("warning"));
 
@@ -25,7 +25,7 @@ function mergeClasses() {
     return baseClasses;
   }
 
-  return (0, _extends2.default)({}, baseClasses, Object.keys(newClasses).reduce(function (accumulator, key) {
+  return (0, _objectSpread2.default)({}, baseClasses, {}, Object.keys(newClasses).reduce(function (accumulator, key) {
     process.env.NODE_ENV !== "production" ? (0, _warning.default)(baseClasses[key] || noBase, ["Material-UI: the key `".concat(key, "` ") + "provided to the classes property is not implemented in ".concat((0, _getDisplayName.default)(Component), "."), "You can only override one of the following: ".concat(Object.keys(baseClasses).join(','))].join('\n')) : void 0;
     process.env.NODE_ENV !== "production" ? (0, _warning.default)(!newClasses[key] || typeof newClasses[key] === 'string', ["Material-UI: the key `".concat(key, "` ") + "provided to the classes property is not valid for ".concat((0, _getDisplayName.default)(Component), "."), "You need to provide a non empty string instead of: ".concat(newClasses[key], ".")].join('\n')) : void 0;
 

package/styles/themeListener.js

@@ -1,13 +1,13 @@
 "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 = exports.CHANNEL = void 0;
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 

package/styles/transitions.js

@@ -1,13 +1,13 @@
 "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 = exports.isNumber = exports.isString = exports.formatMs = exports.duration = exports.easing = void 0;
 
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+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 _warning = _interopRequireDefault(require("warning"));
 

package/test-utils/createMount.js

@@ -1,15 +1,15 @@
 "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 = createMount;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+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("@babel/runtime/helpers/objectWithoutProperties"));
+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 _reactDom = require("react-dom");
 
@@ -28,9 +28,9 @@ function createMount() {
 
   var mountWithContext = function mountWithContext(node) {
     var options2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    return mount(node, (0, _extends2.default)({
+    return mount(node, (0, _objectSpread2.default)({
       attachTo: attachTo
-    }, other1, options2));
+    }, other1, {}, options2));
   };
 
   mountWithContext.attachTo = attachTo;

package/test-utils/createRender.js

@@ -1,15 +1,15 @@
 "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 = createRender;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+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("@babel/runtime/helpers/objectWithoutProperties"));
+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 _enzyme = require("enzyme");
 
@@ -22,7 +22,7 @@ function createRender() {
 
   var renderWithContext = function renderWithContext(node) {
     var options2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    return render(node, (0, _extends2.default)({}, other1, options2));
+    return render(node, (0, _objectSpread2.default)({}, other1, {}, options2));
   };
 
   return renderWithContext;

package/test-utils/createShallow.js

@@ -1,15 +1,15 @@
 "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 = createShallow;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+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("@babel/runtime/helpers/objectWithoutProperties"));
+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 _enzyme = require("enzyme");
 
@@ -28,8 +28,8 @@ function createShallow() {
 
   var shallowWithContext = function shallowWithContext(node) {
     var options2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var options = (0, _extends2.default)({}, other1, options2, {
-      context: (0, _extends2.default)({}, other1.context, options2.context)
+    var options = (0, _objectSpread2.default)({}, other1, {}, options2, {
+      context: (0, _objectSpread2.default)({}, other1.context, {}, options2.context)
     });
     var wrapper = shallow(node, options);
 

package/test-utils/index.js

@@ -1,6 +1,6 @@
 "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

package/test-utils/until.js

@@ -1,15 +1,15 @@
 "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 = until;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+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("@babel/runtime/helpers/objectWithoutProperties"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
 
 function shallowRecursively(wrapper, selector, _ref) {
   var context = _ref.context,
@@ -23,10 +23,10 @@ function shallowRecursively(wrapper, selector, _ref) {
   var instance = wrapper.root().instance(); // The instance can be null with a stateless functional component and react >= 16.
 
   if (instance && instance.getChildContext) {
-    newContext = (0, _extends2.default)({}, context, instance.getChildContext());
+    newContext = (0, _objectSpread2.default)({}, context, {}, instance.getChildContext());
   }
 
-  var nextWrapper = wrapper.shallow((0, _extends2.default)({
+  var nextWrapper = wrapper.shallow((0, _objectSpread2.default)({
     context: newContext
   }, other));
 

package/theme/palette.js

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.palette = void 0;
+
+var _require = require('@material-ui/core/colors'),
+    red = _require.red,
+    grey = _require.grey;
+
+var common = require('@material-ui/core/colors/common');
+
+var palette = {
+  primary: {
+    light: '#5bc8ef',
+    main: '#00ade9',
+    dark: '#007ca9',
+    contrastText: '#FFFFFF'
+  },
+  secondary: {
+    light: '#ffd94f',
+    main: '#ffcf21',
+    dark: '#E9BE30',
+    contrastText: '#FFFFFF'
+  },
+  positive: {
+    light: '#66CF66',
+    main: '#00AF00',
+    dark: '#008300',
+    contrastText: '#FFFFFF'
+  },
+  negative: {
+    ultraLight: '#EA9494',
+    light: '#E66666',
+    main: '#D50000',
+    dark: '#A00000',
+    contrastText: '#FFFFFF'
+  },
+  middle: {
+    light: '#F4A647',
+    main: '#F99408',
+    dark: '#F78700',
+    contrastText: '#FFFFFF'
+  },
+  neutral: {
+    ultraLight: '#8B8B8B',
+    light: '#838383',
+    main: '#737373',
+    dark: '#20272B',
+    contrastText: '#FFFFFF'
+  },
+  error: {
+    light: red[300],
+    main: red[500],
+    dark: red[700]
+  },
+  lookup: {
+    light: '#FFFF8D',
+    main: '#EDED14'
+  },
+  // The colors used to style the action elements.
+  action: {
+    // The color of an active action like an icon button.
+    active: 'rgba(0, 0, 0, 0.54)',
+    // The color of an hovered action.
+    hover: 'rgba(0, 0, 0, 0.08)',
+    hoverOpacity: 0.08,
+    // The color of a selected action.
+    selected: '#F8F9FB',
+    // The color of a disabled action.
+    disabled: 'rgba(0, 0, 0, 0.24)',
+    // The background color of a disabled action.
+    disabledBackground: 'rgba(0, 0, 0, 0.12)'
+  },
+  input: {
+    bottomLine: '#E0E0E0',
+    helperText: 'rgba(0, 0, 0, 0.54)',
+    labelText: 'rgba(0, 0, 0, 0.54)',
+    inputText: 'rgba(0, 0, 0, 0.87)',
+    disabled: '#FAFAFA'
+  },
+  background1: '#F8F9FB',
+  background2: '#F5F5F5',
+  background3: '#FFFFFF',
+  // The colors used to style the text.
+  text: {
+    // The most important text.
+    primary: '#20272B',
+    // Secondary text.
+    secondary: 'rgba(0, 0, 0, 0.54)',
+    // Disabled text have even lower visual prominence.
+    disabled: '#999999',
+    // Text hints.
+    hint: 'rgba(0, 0, 0, 0.38)'
+  },
+  // The color used to divide different elements.
+  divider: '#D9D9DB',
+  // The background colors used to style the surfaces.
+  // Consistency between these values is important.
+  background: {
+    paper: common.white,
+    default: grey[50]
+  }
+};
+exports.palette = palette;

package/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;