@hipay/hipay-material-ui 1.0.0-beta.1

package/es/styles/jssPreset.js

@@ -0,0 +1,16 @@
+import jssGlobal from 'jss-global';
+import jssNested from 'jss-nested';
+import jssCamelCase from 'jss-camel-case';
+import jssDefaultUnit from 'jss-default-unit';
+import jssVendorPrefixer from 'jss-vendor-prefixer';
+import jssPropsSort from 'jss-props-sort';
+
+// Subset of jss-preset-default with only the plugins the Material-UI
+// components are using.
+function jssPreset() {
+  return {
+    plugins: [jssGlobal(), jssNested(), jssCamelCase(), jssDefaultUnit(), jssVendorPrefixer(), jssPropsSort()]
+  };
+}
+
+export default jssPreset;

package/es/styles/shadows.js

@@ -0,0 +1,11 @@
+const shadowKeyUmbraOpacity = 0.2;
+const shadowKeyPenumbraOpacity = 0.14;
+const shadowAmbientShadowOpacity = 0.12;
+
+function createShadow(...px) {
+  return [`${px[0]}px ${px[1]}px ${px[2]}px ${px[3]}px rgba(0, 0, 0, ${shadowKeyUmbraOpacity})`, `${px[4]}px ${px[5]}px ${px[6]}px ${px[7]}px rgba(0, 0, 0, ${shadowKeyPenumbraOpacity})`, `${px[8]}px ${px[9]}px ${px[10]}px ${px[11]}px rgba(0, 0, 0, ${shadowAmbientShadowOpacity})`].join(',');
+}
+
+const 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)];
+
+export default shadows;

package/es/styles/spacing.js

@@ -0,0 +1,5 @@
+export default {
+  // All components align to an 8dp square baseline grid for mobile, tablet, and desktop.
+  // https://material.io/guidelines/layout/metrics-keylines.html#metrics-keylines-baseline-grids
+  unit: 8
+};

package/es/styles/themeListener.js

@@ -0,0 +1,31 @@
+import PropTypes from 'prop-types';
+
+// Same value used by react-jss
+export const CHANNEL = '__THEMING__';
+
+const themeListener = {
+  contextTypes: {
+    [CHANNEL]: PropTypes.object
+  },
+  initial: context => {
+    if (!context[CHANNEL]) {
+      return null;
+    }
+
+    return context[CHANNEL].getState();
+  },
+  subscribe: (context, cb) => {
+    if (!context[CHANNEL]) {
+      return null;
+    }
+
+    return context[CHANNEL].subscribe(cb);
+  },
+  unsubscribe(context, subscriptionId) {
+    if (context[CHANNEL]) {
+      context[CHANNEL].unsubscribe(subscriptionId);
+    }
+  }
+};
+
+export default themeListener;

package/es/styles/transitions.js

@@ -0,0 +1,80 @@
+import _Object$keys from 'babel-runtime/core-js/object/keys';
+import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
+import _Number$isNaN from 'babel-runtime/core-js/number/is-nan';
+
+/* eslint-disable no-param-reassign */
+
+import warning from 'warning';
+
+// 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.
+export const 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
+export const 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
+};
+
+export const formatMs = milliseconds => `${Math.round(milliseconds)}ms`;
+export const isString = value => typeof value === 'string';
+export const isNumber = value => !_Number$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
+ */
+export default {
+  easing,
+  duration,
+  create(props = ['all'], options = {}) {
+    const {
+      duration: durationOption = duration.standard,
+      easing: easingOption = easing.easeInOut,
+      delay = 0
+    } = options,
+          other = _objectWithoutProperties(options, ['duration', 'easing', 'delay']);
+
+    process.env.NODE_ENV !== "production" ? warning(isString(props) || Array.isArray(props), 'Material-UI: argument "props" must be a string or Array.') : void 0;
+    process.env.NODE_ENV !== "production" ? warning(isNumber(durationOption) || isString(durationOption), `Material-UI: argument "duration" must be a number or a string but found ${durationOption}.`) : void 0;
+    process.env.NODE_ENV !== "production" ? warning(isString(easingOption), 'Material-UI: argument "easing" must be a string.') : void 0;
+    process.env.NODE_ENV !== "production" ? warning(isNumber(delay) || isString(delay), 'Material-UI: argument "delay" must be a number or a string.') : void 0;
+    process.env.NODE_ENV !== "production" ? warning(_Object$keys(other).length === 0, `Material-UI: unrecognized argument(s) [${_Object$keys(other).join(',')}]`) : void 0;
+
+    return (Array.isArray(props) ? props : [props]).map(animatedProp => `${animatedProp} ${typeof durationOption === 'string' ? durationOption : formatMs(durationOption)} ${easingOption} ${typeof delay === 'string' ? delay : formatMs(delay)}`).join(',');
+  },
+  getAutoHeightDuration(height) {
+    if (!height) {
+      return 0;
+    }
+
+    const 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);
+  }
+};

package/es/styles/withStyles.js

@@ -0,0 +1,300 @@
+import _Object$keys from 'babel-runtime/core-js/object/keys';
+import _extends from 'babel-runtime/helpers/extends';
+import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
+import _Map from 'babel-runtime/core-js/map';
+import _Number$MIN_SAFE_INTEGER from 'babel-runtime/core-js/number/min-safe-integer';
+import React from 'react';
+import PropTypes from 'prop-types';
+import warning from 'warning';
+import hoistNonReactStatics from 'hoist-non-react-statics';
+import getDisplayName from 'recompose/getDisplayName';
+import wrapDisplayName from 'recompose/wrapDisplayName';
+import contextTypes from 'react-jss/lib/contextTypes';
+import { create } from 'jss';
+import * as ns from 'react-jss/lib/ns';
+import jssPreset from './jssPreset';
+import createHiMuiTheme from './createHiMuiTheme';
+import themeListener from './themeListener';
+import createGenerateClassName from './createGenerateClassName';
+import getStylesCreator from './getStylesCreator';
+
+// Default JSS instance.
+const jss = create(jssPreset());
+
+// Use a singleton or the provided one by the context.
+const generateClassName = createGenerateClassName();
+
+// Global index counter to preserve source order.
+// We create the style sheet during at the creation of the component,
+// children are handled after the parents, so the order of style elements would be parent->child.
+// It is a problem though when a parent passes a className
+// which needs to override any childs styles.
+// StyleSheet of the child has a higher specificity, because of the source order.
+// So our solution is to render sheets them in the reverse order child->sheet, so
+// that parent has a higher specificity.
+let indexCounter = _Number$MIN_SAFE_INTEGER;
+
+export const sheetsManager = new _Map();
+
+// We use the same empty object to ref count the styles that don't need a theme object.
+const noopTheme = {};
+
+// In order to have self-supporting components, we rely on default theme when not provided.
+let defaultTheme;
+
+function getDefaultTheme() {
+  if (defaultTheme) {
+    return defaultTheme;
+  }
+
+  defaultTheme = createHiMuiTheme();
+  return defaultTheme;
+}
+
+// Link a style sheet with a component.
+// It does not modify the component passed to it;
+// instead, it returns a new component, with a `classes` property.
+const withStyles = (stylesOrCreator, options = {}) => Component => {
+  const { withTheme = false, flip = null, name } = options,
+        styleSheetOptions = _objectWithoutProperties(options, ['withTheme', 'flip', 'name']);
+  const stylesCreator = getStylesCreator(stylesOrCreator);
+  const listenToTheme = stylesCreator.themingEnabled || withTheme || typeof name === 'string';
+
+  indexCounter += 1;
+  stylesCreator.options.index = indexCounter;
+
+  process.env.NODE_ENV !== "production" ? warning(indexCounter < 0, ['Material-UI: you might have a memory leak.', 'The indexCounter is not supposed to grow that much.'].join(' ')) : void 0;
+
+  class WithStyles extends React.Component {
+    constructor(props, context) {
+      super(props, context);
+
+      this.state = {};
+      this.disableStylesGeneration = false;
+      this.jss = null;
+      this.sheetOptions = null;
+      this.sheetsManager = sheetsManager;
+      this.stylesCreatorSaved = null;
+      this.theme = null;
+      this.unsubscribeId = null;
+      this.jss = this.context[ns.jss] || jss;
+
+      const { muiThemeProviderOptions } = this.context;
+      if (muiThemeProviderOptions) {
+        if (muiThemeProviderOptions.sheetsManager) {
+          this.sheetsManager = muiThemeProviderOptions.sheetsManager;
+        }
+
+        this.disableStylesGeneration = muiThemeProviderOptions.disableStylesGeneration;
+      }
+
+      // Attach the stylesCreator to the instance of the component as in the context
+      // of react-hot-loader the hooks can be executed in a different closure context:
+      // https://github.com/gaearon/react-hot-loader/blob/master/src/patch.dev.js#L107
+      this.stylesCreatorSaved = stylesCreator;
+      this.sheetOptions = _extends({
+        generateClassName
+      }, this.context[ns.sheetOptions]);
+      // We use || as the function call is lazy evaluated.
+      this.theme = listenToTheme ? themeListener.initial(context) || getDefaultTheme() : noopTheme;
+
+      this.attach(this.theme);
+    }
+
+    componentDidMount() {
+      if (!listenToTheme) {
+        return;
+      }
+
+      this.unsubscribeId = themeListener.subscribe(this.context, theme => {
+        const oldTheme = this.theme;
+        this.theme = theme;
+        this.attach(this.theme);
+
+        // Rerender the component so the underlying component gets the theme update.
+        // By theme update we mean receiving and applying the new class names.
+        this.setState({}, () => {
+          this.detach(oldTheme);
+        });
+      });
+    }
+
+    componentWillReceiveProps() {
+      // react-hot-loader specific logic
+      if (this.stylesCreatorSaved === stylesCreator || process.env.NODE_ENV === 'production') {
+        return;
+      }
+
+      this.detach(this.theme);
+      this.stylesCreatorSaved = stylesCreator;
+      this.attach(this.theme);
+    }
+
+    componentWillUnmount() {
+      this.detach(this.theme);
+
+      if (this.unsubscribeId !== null) {
+        themeListener.unsubscribe(this.context, this.unsubscribeId);
+      }
+    }
+
+    attach(theme) {
+      if (this.disableStylesGeneration) {
+        return;
+      }
+
+      const stylesCreatorSaved = this.stylesCreatorSaved;
+      let sheetManager = this.sheetsManager.get(stylesCreatorSaved);
+
+      if (!sheetManager) {
+        sheetManager = new _Map();
+        this.sheetsManager.set(stylesCreatorSaved, sheetManager);
+      }
+
+      let sheetManagerTheme = sheetManager.get(theme);
+
+      if (!sheetManagerTheme) {
+        sheetManagerTheme = {
+          refs: 0,
+          sheet: null
+        };
+        sheetManager.set(theme, sheetManagerTheme);
+      }
+
+      if (sheetManagerTheme.refs === 0) {
+        const styles = stylesCreatorSaved.create(theme, name);
+        let meta = name;
+
+        if (process.env.NODE_ENV !== 'production' && !meta) {
+          meta = getDisplayName(Component);
+        }
+
+        let myOptions = _extends({
+          meta,
+          classNamePrefix: meta,
+          flip: typeof flip === 'boolean' ? flip : theme.direction === 'rtl',
+          link: false
+        }, this.sheetOptions, stylesCreatorSaved.options, {
+          name
+        }, styleSheetOptions);
+
+        if (!myOptions.hasOwnProperty('index') || myOptions.index < 0) {
+          myOptions.index = 50;
+        }
+
+        const sheet = this.jss.createStyleSheet(styles, myOptions);
+
+        sheetManagerTheme.sheet = sheet;
+        sheet.attach();
+
+        const sheetsRegistry = this.context[ns.sheetsRegistry];
+        if (sheetsRegistry) {
+          sheetsRegistry.add(sheet);
+        }
+      }
+
+      sheetManagerTheme.refs += 1;
+    }
+
+    detach(theme) {
+      if (this.disableStylesGeneration) {
+        return;
+      }
+
+      const stylesCreatorSaved = this.stylesCreatorSaved;
+      const sheetManager = this.sheetsManager.get(stylesCreatorSaved);
+      let sheetManagerTheme = sheetManager.get(theme);
+
+      if (!sheetManagerTheme) {
+        sheetManagerTheme = {
+          refs: 0,
+          sheet: null
+        };
+        sheetManager.set(theme, sheetManagerTheme);
+      }
+
+      sheetManagerTheme.refs -= 1;
+
+      if (sheetManagerTheme.refs === 0) {
+        sheetManager.delete(theme);
+        this.jss.removeStyleSheet(sheetManagerTheme.sheet);
+        const sheetsRegistry = this.context[ns.sheetsRegistry];
+        if (sheetsRegistry) {
+          sheetsRegistry.remove(sheetManagerTheme.sheet);
+        }
+      }
+    }
+
+    render() {
+      const _props = this.props,
+            { classes: classesProp, innerRef } = _props,
+            other = _objectWithoutProperties(_props, ['classes', 'innerRef']);
+
+      let classes;
+      let renderedClasses = {};
+
+      if (!this.disableStylesGeneration) {
+        const sheetManager = this.sheetsManager.get(this.stylesCreatorSaved);
+        const sheetsManagerTheme = sheetManager.get(this.theme);
+        renderedClasses = sheetsManagerTheme.sheet.classes;
+      }
+
+      if (classesProp) {
+        classes = _extends({}, renderedClasses, _Object$keys(classesProp).reduce((accumulator, key) => {
+          process.env.NODE_ENV !== "production" ? warning(renderedClasses[key] || this.disableStylesGeneration, [`Material-UI: the key \`${key}\` ` + `provided to the classes property is not implemented in ${getDisplayName(Component)}.`, `You can only override one of the following: ${_Object$keys(renderedClasses).join(',')}`].join('\n')) : void 0;
+
+          process.env.NODE_ENV !== "production" ? warning(!classesProp[key] || typeof classesProp[key] === 'string', [`Material-UI: the key \`${key}\` ` + `provided to the classes property is not valid for ${getDisplayName(Component)}.`, `You need to provide a non empty string instead of: ${classesProp[key]}.`].join('\n')) : void 0;
+
+          if (classesProp[key]) {
+            accumulator[key] = `${renderedClasses[key]} ${classesProp[key]}`;
+          }
+
+          return accumulator;
+        }, {}));
+      } else {
+        classes = renderedClasses;
+      }
+
+      const more = {};
+
+      // Provide the theme to the wrapped component.
+      // So we don't have to use the `withTheme()` Higher-order Component.
+      if (withTheme) {
+        more.theme = this.theme;
+      }
+
+      return React.createElement(Component, _extends({ classes: classes }, more, other, { ref: innerRef }));
+    }
+  }
+
+  WithStyles.propTypes = process.env.NODE_ENV !== "production" ? {
+    /**
+     * Useful to extend the style applied to components.
+     */
+    classes: PropTypes.object,
+    /**
+     * Use that property to pass a ref callback to the decorated component.
+     */
+    innerRef: PropTypes.func
+  } : {};
+
+  WithStyles.contextTypes = _extends({
+    muiThemeProviderOptions: PropTypes.object
+  }, contextTypes, listenToTheme ? themeListener.contextTypes : {});
+
+  if (process.env.NODE_ENV !== 'production') {
+    WithStyles.displayName = wrapDisplayName(Component, 'WithStyles');
+  }
+
+  hoistNonReactStatics(WithStyles, Component);
+
+  if (process.env.NODE_ENV !== 'production') {
+    // Exposed for test purposes.
+    WithStyles.Naked = Component;
+    WithStyles.options = options;
+  }
+
+  return WithStyles;
+};
+
+export default withStyles;

package/es/styles/withTheme.js

@@ -0,0 +1,65 @@
+import _extends from 'babel-runtime/helpers/extends';
+import React from 'react';
+import hoistNonReactStatics from 'hoist-non-react-statics';
+import wrapDisplayName from 'recompose/wrapDisplayName';
+import createHiMuiTheme from './createHiMuiTheme';
+import themeListener from './themeListener';
+
+let defaultTheme;
+
+function getDefaultTheme() {
+  if (defaultTheme) {
+    return defaultTheme;
+  }
+
+  defaultTheme = createHiMuiTheme();
+  return defaultTheme;
+}
+
+// Provide the theme object as a property to the input component.
+const withTheme = () => Component => {
+  class WithTheme extends React.Component {
+    constructor(props, context) {
+      super(props, context);
+      this.state = {};
+      this.unsubscribeId = null;
+      this.state = {
+        // We use || as the function call is lazy evaluated.
+        theme: themeListener.initial(context) || getDefaultTheme()
+      };
+    }
+
+    componentDidMount() {
+      this.unsubscribeId = themeListener.subscribe(this.context, theme => {
+        this.setState({ theme });
+      });
+    }
+
+    componentWillUnmount() {
+      if (this.unsubscribeId !== null) {
+        themeListener.unsubscribe(this.context, this.unsubscribeId);
+      }
+    }
+
+    render() {
+      return React.createElement(Component, _extends({ theme: this.state.theme }, this.props));
+    }
+  }
+
+  WithTheme.contextTypes = themeListener.contextTypes;
+
+  if (process.env.NODE_ENV !== 'production') {
+    WithTheme.displayName = wrapDisplayName(Component, 'WithTheme');
+  }
+
+  hoistNonReactStatics(WithTheme, Component);
+
+  if (process.env.NODE_ENV !== 'production') {
+    // Exposed for test purposes.
+    WithTheme.Naked = Component;
+  }
+
+  return WithTheme;
+};
+
+export default withTheme;

package/es/styles/zIndex.js

@@ -0,0 +1,12 @@
+// We need to centralize the zIndex definitions as they work
+// like global values in the browser.
+const zIndex = {
+  mobileStepper: 1000,
+  appBar: 1100,
+  drawer: 1200,
+  modal: 1300,
+  snackbar: 1400,
+  tooltip: 1500
+};
+
+export default zIndex;

package/es/svg-icons/ArrowDownward.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import pure from 'recompose/pure';
+import SvgIcon from '../SvgIcon';
+
+/**
+ * @ignore - internal component.
+ */
+
+var _ref = React.createElement('path', { d: 'M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z' });
+
+let ArrowDownward = props => React.createElement(
+  SvgIcon,
+  props,
+  _ref
+);
+
+ArrowDownward = pure(ArrowDownward);
+ArrowDownward.muiName = 'SvgIcon';
+
+export default ArrowDownward;

package/es/svg-icons/ArrowDropDown.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import pure from 'recompose/pure';
+import SvgIcon from '../SvgIcon';
+
+/**
+ * @ignore - internal component.
+ */
+
+var _ref = React.createElement('path', { d: 'M7 10l5 5 5-5z' });
+
+let ArrowDropDown = props => React.createElement(
+  SvgIcon,
+  props,
+  _ref
+);
+
+ArrowDropDown = pure(ArrowDropDown);
+ArrowDropDown.muiName = 'SvgIcon';
+
+export default ArrowDropDown;

package/es/svg-icons/Cancel.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import pure from 'recompose/pure';
+import SvgIcon from '../SvgIcon';
+
+/**
+ * @ignore - internal component.
+ */
+
+var _ref = React.createElement('path', { d: 'M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z' });
+
+let Cancel = props => React.createElement(
+  SvgIcon,
+  props,
+  _ref
+);
+Cancel = pure(Cancel);
+Cancel.muiName = 'SvgIcon';
+
+export default Cancel;

package/es/svg-icons/CheckBox.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import pure from 'recompose/pure';
+import SvgIcon from '../SvgIcon';
+
+/**
+ * @ignore - internal component.
+ */
+
+var _ref = React.createElement('path', { d: 'M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z' });
+
+let CheckBox = props => React.createElement(
+  SvgIcon,
+  props,
+  _ref
+);
+CheckBox = pure(CheckBox);
+CheckBox.muiName = 'SvgIcon';
+
+export default CheckBox;

package/es/svg-icons/CheckBoxOutlineBlank.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import pure from 'recompose/pure';
+import SvgIcon from '../SvgIcon';
+
+/**
+ * @ignore - internal component.
+ */
+
+var _ref = React.createElement('path', { d: 'M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z' });
+
+let CheckBoxOutlineBlank = props => React.createElement(
+  SvgIcon,
+  props,
+  _ref
+);
+CheckBoxOutlineBlank = pure(CheckBoxOutlineBlank);
+CheckBoxOutlineBlank.muiName = 'SvgIcon';
+
+export default CheckBoxOutlineBlank;

package/es/svg-icons/CheckCircle.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import pure from 'recompose/pure';
+import SvgIcon from '../SvgIcon';
+
+/**
+ * @ignore - internal component.
+ */
+
+var _ref = React.createElement('path', { d: 'M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z' });
+
+let CheckCircle = props => React.createElement(
+  SvgIcon,
+  props,
+  _ref
+);
+CheckCircle = pure(CheckCircle);
+CheckCircle.muiName = 'SvgIcon';
+
+export default CheckCircle;

package/es/svg-icons/HiAccount.js

@@ -0,0 +1,33 @@
+import _extends from 'babel-runtime/helpers/extends';
+import React from 'react';
+import pure from 'recompose/pure';
+import { withStyles } from '../styles';
+
+const styles = theme => ({});
+
+/**
+ * @ignore - internal component.
+ */
+let HiAccount = props => {
+    const newProps = _extends({}, props);
+    delete newProps.classes;
+    delete newProps.theme;
+
+    return React.createElement(
+        'svg',
+        _extends({ viewBox: '0 0 37.5 39' }, newProps),
+        React.createElement(
+            'g',
+            { transform: 'translate(-8111 -110)' },
+            React.createElement('circle', { cx: 8124.9, cy: 134.9, r: 13.9, opacity: 0.16, fill: props.color ? props.color : props.theme.palette.business.primary.normal }),
+            React.createElement('path', {
+                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: props.color ? props.color : props.theme.palette.business.primary.normal
+            })
+        )
+    );
+};
+HiAccount = pure(HiAccount);
+HiAccount.muiName = 'SvgIcon';
+
+export default withStyles(styles, { withTheme: true })(HiAccount);