@hipay/hipay-material-ui 3.5.0 → 3.5.1

package/es/styles/mergeClasses.js

@@ -0,0 +1,41 @@
+"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 _warning = _interopRequireDefault(require("warning"));
+
+var _getDisplayName = _interopRequireDefault(require("recompose/getDisplayName"));
+
+function mergeClasses() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var baseClasses = options.baseClasses,
+      newClasses = options.newClasses,
+      Component = options.Component,
+      _options$noBase = options.noBase,
+      noBase = _options$noBase === void 0 ? false : _options$noBase;
+
+  if (!newClasses) {
+    return baseClasses;
+  }
+
+  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;
+
+    if (newClasses[key]) {
+      accumulator[key] = "".concat(baseClasses[key], " ").concat(newClasses[key]);
+    }
+
+    return accumulator;
+  }, {}));
+}
+
+var _default = mergeClasses;
+exports.default = _default;

package/es/styles/shadows.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var shadowKeyUmbraOpacity = 0.2;
+var shadowKeyPenumbraOpacity = 0.14;
+var shadowAmbientShadowOpacity = 0.12;
+
+function createShadow() {
+  return ["".concat(arguments.length <= 0 ? undefined : arguments[0], "px ").concat(arguments.length <= 1 ? undefined : arguments[1], "px ").concat(arguments.length <= 2 ? undefined : arguments[2], "px ").concat(arguments.length <= 3 ? undefined : arguments[3], "px rgba(0, 0, 0, ").concat(shadowKeyUmbraOpacity, ")"), "".concat(arguments.length <= 4 ? undefined : arguments[4], "px ").concat(arguments.length <= 5 ? undefined : arguments[5], "px ").concat(arguments.length <= 6 ? undefined : arguments[6], "px ").concat(arguments.length <= 7 ? undefined : arguments[7], "px rgba(0, 0, 0, ").concat(shadowKeyPenumbraOpacity, ")"), "".concat(arguments.length <= 8 ? undefined : arguments[8], "px ").concat(arguments.length <= 9 ? undefined : arguments[9], "px ").concat(arguments.length <= 10 ? undefined : arguments[10], "px ").concat(arguments.length <= 11 ? undefined : arguments[11], "px rgba(0, 0, 0, ").concat(shadowAmbientShadowOpacity, ")")].join(',');
+}
+
+var shadows = ['none', createShadow(0, 1, 3, 0, 0, 1, 1, 0, 0, 2, 1, -1), createShadow(0, 1, 5, 0, 0, 2, 2, 0, 0, 3, 1, -2), createShadow(0, 1, 8, 0, 0, 3, 4, 0, 0, 3, 3, -2), createShadow(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), createShadow(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), createShadow(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), createShadow(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), createShadow(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), createShadow(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), createShadow(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), createShadow(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), createShadow(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), createShadow(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), createShadow(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), createShadow(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), createShadow(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), createShadow(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), createShadow(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), createShadow(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), createShadow(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), createShadow(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), createShadow(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), createShadow(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), createShadow(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)];
+var _default = shadows;
+exports.default = _default;

package/es/styles/shape.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var shape = {
+  borderRadius: 4
+};
+var _default = shape;
+exports.default = _default;

package/es/styles/spacing.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var spacing = function spacing() {
+  var n = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+  return n * 4;
+};
+
+var _default = spacing;
+exports.default = _default;

package/es/styles/themeListener.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.CHANNEL = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+// Same value used by react-jss
+var CHANNEL = '__THEMING__';
+exports.CHANNEL = CHANNEL;
+var themeListener = {
+  contextTypes: (0, _defineProperty2.default)({}, CHANNEL, _propTypes.default.object),
+  initial: function initial(context) {
+    if (!context[CHANNEL]) {
+      return null;
+    }
+
+    return context[CHANNEL].getState();
+  },
+  subscribe: function subscribe(context, cb) {
+    if (!context[CHANNEL]) {
+      return null;
+    }
+
+    return context[CHANNEL].subscribe(cb);
+  },
+  unsubscribe: function unsubscribe(context, subscriptionId) {
+    if (context[CHANNEL]) {
+      context[CHANNEL].unsubscribe(subscriptionId);
+    }
+  }
+};
+var _default = themeListener;
+exports.default = _default;

package/es/styles/transitions.js

@@ -0,0 +1,106 @@
+"use strict";
+
+var _interopRequireDefault = require("@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/esm/objectWithoutProperties"));
+
+var _warning = _interopRequireDefault(require("warning"));
+
+/* eslint-disable no-param-reassign */
+
+/* eslint-disable no-restricted-globals */
+// Follow https://material.google.com/motion/duration-easing.html#duration-easing-natural-easing-curves
+// to learn the context in which each easing should be used.
+var easing = {
+  // This is the most common easing curve.
+  easeInOut: 'cubic-bezier(0.4, 0, 0.2, 1)',
+  // Objects enter the screen at full velocity from off-screen and
+  // slowly decelerate to a resting point.
+  easeOut: 'cubic-bezier(0.0, 0, 0.2, 1)',
+  // Objects leave the screen at full velocity. They do not decelerate when off-screen.
+  easeIn: 'cubic-bezier(0.4, 0, 1, 1)',
+  // The sharp curve is used by objects that may return to the screen at any time.
+  sharp: 'cubic-bezier(0.4, 0, 0.6, 1)'
+}; // Follow https://material.io/guidelines/motion/duration-easing.html#duration-easing-common-durations
+// to learn when use what timing
+
+exports.easing = easing;
+var duration = {
+  shortest: 150,
+  shorter: 200,
+  short: 250,
+  // most basic recommended timing
+  standard: 300,
+  // this is to be used in complex animations
+  complex: 375,
+  // recommended when something is entering screen
+  enteringScreen: 225,
+  // recommended when something is leaving screen
+  leavingScreen: 195
+};
+exports.duration = duration;
+
+var formatMs = function formatMs(milliseconds) {
+  return "".concat(Math.round(milliseconds), "ms");
+};
+
+exports.formatMs = formatMs;
+
+var isString = function isString(value) {
+  return typeof value === 'string';
+};
+
+exports.isString = isString;
+
+var isNumber = function isNumber(value) {
+  return !isNaN(parseFloat(value));
+};
+/**
+ * @param {string|Array} props
+ * @param {object} param
+ * @param {string} param.prop
+ * @param {number} param.duration
+ * @param {string} param.easing
+ * @param {number} param.delay
+ */
+
+
+exports.isNumber = isNumber;
+var _default = {
+  easing: easing,
+  duration: duration,
+  create: function create() {
+    var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ['all'];
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var _options$duration = options.duration,
+        durationOption = _options$duration === void 0 ? duration.standard : _options$duration,
+        _options$easing = options.easing,
+        easingOption = _options$easing === void 0 ? easing.easeInOut : _options$easing,
+        _options$delay = options.delay,
+        delay = _options$delay === void 0 ? 0 : _options$delay,
+        other = (0, _objectWithoutProperties2.default)(options, ["duration", "easing", "delay"]);
+    process.env.NODE_ENV !== "production" ? (0, _warning.default)(isString(props) || Array.isArray(props), 'Material-UI: argument "props" must be a string or Array.') : void 0;
+    process.env.NODE_ENV !== "production" ? (0, _warning.default)(isNumber(durationOption) || isString(durationOption), "Material-UI: argument \"duration\" must be a number or a string but found ".concat(durationOption, ".")) : void 0;
+    process.env.NODE_ENV !== "production" ? (0, _warning.default)(isString(easingOption), 'Material-UI: argument "easing" must be a string.') : void 0;
+    process.env.NODE_ENV !== "production" ? (0, _warning.default)(isNumber(delay) || isString(delay), 'Material-UI: argument "delay" must be a number or a string.') : void 0;
+    process.env.NODE_ENV !== "production" ? (0, _warning.default)(Object.keys(other).length === 0, "Material-UI: unrecognized argument(s) [".concat(Object.keys(other).join(','), "]")) : void 0;
+    return (Array.isArray(props) ? props : [props]).map(function (animatedProp) {
+      return "".concat(animatedProp, " ").concat(typeof durationOption === 'string' ? durationOption : formatMs(durationOption), " ").concat(easingOption, " ").concat(typeof delay === 'string' ? delay : formatMs(delay));
+    }).join(',');
+  },
+  getAutoHeightDuration: function getAutoHeightDuration(height) {
+    if (!height) {
+      return 0;
+    }
+
+    var constant = height / 36; // https://www.wolframalpha.com/input/?i=(4+%2B+15+*+(x+%2F+36+)+**+0.25+%2B+(x+%2F+36)+%2F+5)+*+10
+
+    return Math.round((4 + 15 * Math.pow(constant, 0.25) + constant / 5) * 10);
+  }
+};
+exports.default = _default;

package/es/styles/withStyles.js

@@ -0,0 +1,28 @@
+"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 _styles = require("@material-ui/core/styles");
+
+var _theme = _interopRequireDefault(require("../theme"));
+
+/**
+ * Override makeStyles hook to use HMUI theme as default
+ * @param createStyles
+ * @param options
+ * @returns {StylesHook<Styles<Theme, {}, string>>}
+ */
+var _default = function _default(styles, options) {
+  return (0, _styles.withStyles)(styles, (0, _objectSpread2.default)({
+    defaultTheme: _theme.default
+  }, options));
+};
+
+exports.default = _default;

package/es/styles/zIndex.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+// We need to centralize the zIndex definitions as they work
+// like global values in the browser.
+var zIndex = {
+  mobileStepper: 1000,
+  appBar: 1100,
+  drawer: 1200,
+  modal: 1300,
+  snackbar: 1400,
+  tooltip: 1500
+};
+var _default = zIndex;
+exports.default = _default;

package/es/test-utils/createMount.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createMount;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _reactDom = require("react-dom");
+
+var _enzyme = require("enzyme");
+
+// Generate an enhanced mount function.
+function createMount() {
+  var options1 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var _options1$mount = options1.mount,
+      mount = _options1$mount === void 0 ? _enzyme.mount : _options1$mount,
+      other1 = (0, _objectWithoutProperties2.default)(options1, ["mount"]);
+  var attachTo = window.document.createElement('div');
+  attachTo.className = 'app';
+  attachTo.setAttribute('id', 'app');
+  window.document.body.insertBefore(attachTo, window.document.body.firstChild);
+
+  var mountWithContext = function mountWithContext(node) {
+    var options2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    return mount(node, (0, _objectSpread2.default)({
+      attachTo: attachTo
+    }, other1, {}, options2));
+  };
+
+  mountWithContext.attachTo = attachTo;
+
+  mountWithContext.cleanUp = function () {
+    (0, _reactDom.unmountComponentAtNode)(attachTo);
+    attachTo.parentNode.removeChild(attachTo);
+  };
+
+  return mountWithContext;
+}

package/es/test-utils/createRender.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createRender;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _enzyme = require("enzyme");
+
+// Generate a render to string function.
+function createRender() {
+  var options1 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var _options1$render = options1.render,
+      render = _options1$render === void 0 ? _enzyme.render : _options1$render,
+      other1 = (0, _objectWithoutProperties2.default)(options1, ["render"]);
+
+  var renderWithContext = function renderWithContext(node) {
+    var options2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    return render(node, (0, _objectSpread2.default)({}, other1, {}, options2));
+  };
+
+  return renderWithContext;
+}

package/es/test-utils/createShallow.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createShallow;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _enzyme = require("enzyme");
+
+var _until = _interopRequireDefault(require("./until"));
+
+// Generate an enhanced shallow function.
+function createShallow() {
+  var options1 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var _options1$shallow = options1.shallow,
+      shallow = _options1$shallow === void 0 ? _enzyme.shallow : _options1$shallow,
+      _options1$dive = options1.dive,
+      dive = _options1$dive === void 0 ? false : _options1$dive,
+      _options1$untilSelect = options1.untilSelector,
+      untilSelector = _options1$untilSelect === void 0 ? false : _options1$untilSelect,
+      other1 = (0, _objectWithoutProperties2.default)(options1, ["shallow", "dive", "untilSelector"]);
+
+  var shallowWithContext = function shallowWithContext(node) {
+    var options2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var options = (0, _objectSpread2.default)({}, other1, {}, options2, {
+      context: (0, _objectSpread2.default)({}, other1.context, {}, options2.context)
+    });
+    var wrapper = shallow(node, options);
+
+    if (dive) {
+      return wrapper.dive();
+    }
+
+    if (untilSelector) {
+      return _until.default.call(wrapper, untilSelector, options);
+    }
+
+    return wrapper;
+  };
+
+  return shallowWithContext;
+}

package/es/test-utils/getClasses.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _testUtils = require("@material-ui/core/test-utils");
+
+// Helper function to extract the classes from a styleSheet.
+var _default = _testUtils.getClasses;
+exports.default = _default;

package/es/test-utils/index.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "createShallow", {
+  enumerable: true,
+  get: function get() {
+    return _createShallow.default;
+  }
+});
+Object.defineProperty(exports, "createMount", {
+  enumerable: true,
+  get: function get() {
+    return _createMount.default;
+  }
+});
+Object.defineProperty(exports, "createRender", {
+  enumerable: true,
+  get: function get() {
+    return _createRender.default;
+  }
+});
+Object.defineProperty(exports, "getClasses", {
+  enumerable: true,
+  get: function get() {
+    return _getClasses.default;
+  }
+});
+Object.defineProperty(exports, "unwrap", {
+  enumerable: true,
+  get: function get() {
+    return _unwrap.default;
+  }
+});
+
+var _createShallow = _interopRequireDefault(require("./createShallow"));
+
+var _createMount = _interopRequireDefault(require("./createMount"));
+
+var _createRender = _interopRequireDefault(require("./createRender"));
+
+var _getClasses = _interopRequireDefault(require("./getClasses"));
+
+var _unwrap = _interopRequireDefault(require("./unwrap"));

package/es/test-utils/until.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = until;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+function shallowRecursively(wrapper, selector, _ref) {
+  var context = _ref.context,
+      other = (0, _objectWithoutProperties2.default)(_ref, ["context"]);
+
+  if (wrapper.isEmptyRender() || typeof wrapper.getElement().type === 'string') {
+    return wrapper;
+  }
+
+  var newContext = context;
+  var instance = wrapper.root().instance(); // The instance can be null with a stateless functional component and react >= 16.
+
+  if (instance && instance.getChildContext) {
+    newContext = (0, _objectSpread2.default)({}, context, {}, instance.getChildContext());
+  }
+
+  var nextWrapper = wrapper.shallow((0, _objectSpread2.default)({
+    context: newContext
+  }, other));
+
+  if (selector && wrapper.is(selector)) {
+    return nextWrapper;
+  }
+
+  return shallowRecursively(nextWrapper, selector, {
+    context: newContext
+  });
+}
+
+function until(selector) {
+  var _this = this;
+
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return this.single('until', function () {
+    return shallowRecursively(_this, selector, options);
+  });
+}

package/es/test-utils/unwrap.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = unwrap;
+
+function unwrap(component) {
+  return component.Naked ? unwrap(component.Naked) : component;
+}

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