@hipay/hipay-material-ui 1.0.0-beta.9 → 2.0.0-beta.36

package/es/internal/svg-icons/CheckBoxOutlineBlank.js

@@ -1,19 +0,0 @@
-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/internal/svg-icons/CheckCircle.js

@@ -1,19 +0,0 @@
-import React from 'react';
-import pure from 'recompose/pure';
-import SvgIcon from '../../SvgIcon';
-
-/**
- * @ignore - internal component.
- */
-
-var _ref = React.createElement('path', { d: 'M12 0a12 12 0 1 0 0 24 12 12 0 0 0 0-24zm-2 17l-5-5 1.4-1.4 3.6 3.6 7.6-7.6L19 8l-9 9z' });
-
-let CheckCircle = props => React.createElement(
-  SvgIcon,
-  props,
-  _ref
-);
-CheckCircle = pure(CheckCircle);
-CheckCircle.muiName = 'SvgIcon';
-
-export default CheckCircle;

package/es/internal/svg-icons/IndeterminateCheckBox.js

@@ -1,19 +0,0 @@
-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.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z' });
-
-let IndeterminateCheckBox = props => React.createElement(
-  SvgIcon,
-  props,
-  _ref
-);
-IndeterminateCheckBox = pure(IndeterminateCheckBox);
-IndeterminateCheckBox.muiName = 'SvgIcon';
-
-export default IndeterminateCheckBox;

package/es/internal/svg-icons/KeyboardArrowLeft.js

@@ -1,19 +0,0 @@
-import React from 'react';
-import pure from 'recompose/pure';
-import SvgIcon from '../../SvgIcon';
-
-/**
- * @ignore - internal component.
- */
-
-var _ref = React.createElement('path', { d: 'M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z' });
-
-let KeyboardArrowLeft = props => React.createElement(
-  SvgIcon,
-  props,
-  _ref
-);
-KeyboardArrowLeft = pure(KeyboardArrowLeft);
-KeyboardArrowLeft.muiName = 'SvgIcon';
-
-export default KeyboardArrowLeft;

package/es/internal/svg-icons/KeyboardArrowRight.js

@@ -1,19 +0,0 @@
-import React from 'react';
-import pure from 'recompose/pure';
-import SvgIcon from '../../SvgIcon';
-
-/**
- * @ignore - internal component.
- */
-
-var _ref = React.createElement('path', { d: 'M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z' });
-
-let KeyboardArrowRight = props => React.createElement(
-  SvgIcon,
-  props,
-  _ref
-);
-KeyboardArrowRight = pure(KeyboardArrowRight);
-KeyboardArrowRight.muiName = 'SvgIcon';
-
-export default KeyboardArrowRight;

package/es/internal/svg-icons/RadioButtonChecked.js

@@ -1,19 +0,0 @@
-import React from 'react';
-import pure from 'recompose/pure';
-import SvgIcon from '../../SvgIcon';
-
-/**
- * @ignore - internal component.
- */
-
-var _ref = React.createElement('path', { d: 'M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z' });
-
-let RadioButtonChecked = props => React.createElement(
-  SvgIcon,
-  props,
-  _ref
-);
-RadioButtonChecked = pure(RadioButtonChecked);
-RadioButtonChecked.muiName = 'SvgIcon';
-
-export default RadioButtonChecked;

package/es/internal/svg-icons/RadioButtonUnchecked.js

@@ -1,19 +0,0 @@
-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 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z' });
-
-let RadioButtonUnchecked = props => React.createElement(
-  SvgIcon,
-  props,
-  _ref
-);
-RadioButtonUnchecked = pure(RadioButtonUnchecked);
-RadioButtonUnchecked.muiName = 'SvgIcon';
-
-export default RadioButtonUnchecked;

package/es/styles/createHiMuiTheme.js

@@ -1,307 +0,0 @@
-import _extends from 'babel-runtime/helpers/extends';
-import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
-import deepmerge from 'deepmerge'; // < 1kb payload overhead when lodash/merge is > 3kb.
-import { createMuiTheme } from 'material-ui/styles';
-import createBreakpoints from './createBreakpoints';
-import createMixins from './createMixins';
-import spacing from './spacing';
-import { grey, blue, yellow } from '../colors';
-
-/**
- * Specify Hipay business colors (to be overriden by white labels)
- */
-const defaultHipayPalette = {
-    primary: {
-        light: '#5bc8ef',
-        normal: '#00ade9',
-        dark: '#007ca9',
-        contrast: '#ffffff'
-    },
-    secondary: {
-        light: 'rgba(255, 207, 33, 0.08)',
-        normal: '#ffcf21',
-        dark: '#E9BE30',
-        contrast: '#ffffff'
-    }
-};
-
-const light = {
-    global: {
-        background1: '#FFFFFF',
-        background2: '#F8F9FB',
-        background3: '#FFFFFF'
-    },
-    local: {
-        background1: '#F8F9FB',
-        background2: '#F5F5F5',
-        background3: '#FFFFFF'
-    },
-    chipBackground: '#ECEFF0',
-    hover: '#F5F5F5',
-    selected: '#F8F9FB',
-    placeholder: '#999999',
-    disable: '#E0E0E0',
-    positive: {
-        light: '#66CF66',
-        normal: '#00AF00',
-        dark: '#008300',
-        contrast: '#FFFFFF'
-    },
-    negative: {
-        light: '#E66666',
-        normal: '#D50000',
-        dark: '#A00000',
-        contrast: '#FFFFFF'
-    },
-    middle: {
-        light: '#F4A647',
-        normal: '#F99408',
-        dark: '#F78700',
-        contrast: '#FFFFFF'
-    },
-    neutral: {
-        light: '#838383',
-        normal: '#737373',
-        dark: '#20272B',
-        contrast: '#FFFFFF'
-    },
-    text: {
-        primary: 'rgba(0, 0, 0, 0.87)',
-        secondary: 'rgba(0, 0, 0, 0.54)',
-        disabled: 'rgba(0, 0, 0, 0.26)',
-        hint: 'rgba(0, 0, 0, 0.38)',
-        icon: '#737373',
-        divider: 'rgba(0, 0, 0, 0.12)',
-        lightDivider: 'rgba(0, 0, 0, 0.075)'
-    },
-    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'
-    },
-    line: {
-        stepper: '#E4E7E8'
-    },
-    // from material-ui theme
-    background: {
-        appBar: '#fff',
-        paper: '#fff',
-        default: grey[50]
-    },
-    dot: {
-        neutral: '#707070'
-    }
-};
-
-const dark = {
-    global: {
-        background1: '#303030',
-        background2: '#212121',
-        background3: '#303030'
-    },
-    local: {
-        background1: '#3E3E3E',
-        background2: '#303030',
-        background3: '#303030'
-    },
-    chipBackground: '#ECEFF0',
-    hover: '#4A4A4A',
-    selected: '#303030',
-    placeholder: '#999999',
-    disable: '#E0E0E0',
-    positive: {
-        light: '#66CF66',
-        normal: '#00AF00',
-        dark: '#008300',
-        contrast: '#FFFFFF'
-    },
-    negative: {
-        light: '#E66666',
-        normal: '#D50000',
-        dark: '#A00000',
-        contrast: '#FFFFFF'
-    },
-    middle: {
-        light: '#F4A647',
-        normal: '#F99408',
-        dark: '#F78700',
-        contrast: '#FFFFFF'
-    },
-    neutral: {
-        light: '#CBCBCB',
-        normal: '#8B8B8B',
-        dark: '#3E3E3E',
-        contrast: '#FFFFFF'
-    },
-    text: {
-        primary: 'rgba(255, 255, 255, 1)',
-        secondary: 'rgba(255, 255, 255, 0.7)',
-        disabled: 'rgba(255, 255, 255, 0.5)',
-        hint: 'rgba(255, 255, 255, 0.5)',
-        icon: 'rgba(255, 255, 255, 0.5)',
-        divider: 'rgba(255, 255, 255, 0.12)',
-        lightDivider: 'rgba(255, 255, 255, 0.075)'
-    },
-    input: {
-        bottomLine: 'rgba(255, 255, 255, 0.7)',
-        helperText: 'rgba(255, 255, 255, 0.7)',
-        labelText: 'rgba(255, 255, 255, 0.7)',
-        inputText: 'rgba(255, 255, 255, 1)',
-        disabled: 'rgba(255, 255, 255, 0.5)'
-    },
-    line: {
-        stepper: '#E4E7E8'
-    },
-    // from material-ui theme
-    background: {
-        appBar: '#fff',
-        paper: '#fff',
-        default: grey[50]
-    },
-    dot: {
-        neutral: '#707070'
-    }
-};
-
-const statusPalette = {
-    101: '#00ADE1',
-    103: '#FFBA01',
-    104: '#FFBA01',
-    105: '#FFBA01',
-    106: '#FFBA01',
-    107: '#FFBA01',
-    108: '#FFBA01',
-    109: '#EF6C01',
-    110: '#D50001',
-    111: '#D50001',
-    112: '#FF8F01',
-    '112b': '#EF6C01',
-    113: '#A20001',
-    114: '#A20001',
-    115: '#A20001',
-    116: '#00AF01',
-    118: '#008301',
-    120: '#008301',
-    125: '#737373',
-    129: '#550000',
-    140: '#FFBA01',
-    141: '#FFBA01',
-    143: '#00AF01',
-    150: '#8BC34A',
-    151: '#A20001',
-    161: '#00AF01',
-    166: '#551A1A',
-    172: '#8BC34A',
-    174: '#8BC34A',
-    175: '#00AF01'
-};
-
-const fontFamily = '"Roboto", "Helvetica", "Arial", sans-serif';
-
-const typography = {
-    fontFamily,
-    fontSize: 14, // px
-    fontWeightThin: 100,
-    fontWeightLight: 300,
-    fontWeightRegular: 400,
-    fontWeightMedium: 500,
-    fontWeightBold: 700,
-    fontWeightBlack: 900,
-    h1: {
-        fontSize: 24,
-        fontFamily
-    },
-    h2: {
-        fontSize: 20,
-        fontFamily
-    },
-    h3: {
-        fontSize: 18,
-        fontFamily
-    },
-    h4: {
-        fontSize: 16,
-        fontFamily
-    },
-    h5: {
-        fontSize: 14,
-        fontFamily
-    },
-    body1: {
-        fontSize: 15,
-        fontFamily
-    },
-    body2: {
-        fontSize: 14,
-        fontFamily
-    },
-    body3: {
-        fontSize: 13,
-        fontFamily
-    },
-    body4: {
-        fontSize: 12,
-        fontFamily
-    },
-    body5: {
-        fontSize: 11,
-        fontFamily
-    }
-};
-
-function createHiMuiTheme(options = {}) {
-    const shades = { dark, light };
-
-    const {
-        palette: paletteInput = {}
-    } = options,
-          other = _objectWithoutProperties(options, ['palette']);
-
-    const { type = 'light', context = 'local' } = paletteInput,
-          other2 = _objectWithoutProperties(paletteInput, ['type', 'context']);
-
-    const overridenPaletteInput = deepmerge(_extends({
-        business: defaultHipayPalette,
-        local: shades[type].local,
-        global: shades[type].global,
-        chipBackground: shades[type].chipBackground
-    }, shades[type][context], {
-        hover: shades[type].hover,
-        selected: shades[type].selected,
-        positive: shades[type].positive,
-        negative: shades[type].negative,
-        middle: shades[type].middle,
-        neutral: shades[type].neutral,
-        text: shades[type].text,
-        input: shades[type].input,
-        line: shades[type].line,
-        inputLine: shades[type].inputLine,
-        inputDisabled: shades[type].inputDisabled,
-        tableLine: shades[type].tableLine,
-        background: shades[type].background,
-        dot: shades[type].dot,
-        status: statusPalette,
-        primary: blue,
-        secondary: yellow
-    }), paletteInput);
-
-    const breakpoints = createBreakpoints({});
-
-    return createMuiTheme(_extends({
-        palette: overridenPaletteInput,
-        typography,
-        mixins: createMixins(breakpoints, spacing, {}),
-        overrides: {
-            MuiMenuItem: {
-                root: _extends({}, typography.body1, {
-                    height: 20,
-                    padding: 10
-                })
-            }
-        }
-    }, other));
-}
-
-export default createHiMuiTheme;

package/es/svg-icons/ArrowDownward.js

@@ -1,20 +0,0 @@
-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

@@ -1,20 +0,0 @@
-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

@@ -1,19 +0,0 @@
-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

@@ -1,19 +0,0 @@
-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

@@ -1,19 +0,0 @@
-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

@@ -1,19 +0,0 @@
-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

@@ -1,33 +0,0 @@
-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);

package/es/svg-icons/HiAll.js

@@ -1,43 +0,0 @@
-import _extends from 'babel-runtime/helpers/extends';
-import React from 'react';
-import pure from 'recompose/pure';
-import { withStyles } from '../styles';
-
-const styles = () => ({});
-
-/**
- * @ignore - internal component.
- */
-
-var _ref = React.createElement('path', { fill: 'none', d: 'M-1714-3832h36v39h-36z' });
-
-let HiAll = props => {
-    const newProps = _extends({}, props);
-    delete newProps.classes;
-    delete newProps.theme;
-
-    return React.createElement(
-        'svg',
-        _extends({ viewBox: '0 0 36 39' }, newProps),
-        React.createElement(
-            'g',
-            { transform: 'translate(1714 3832)' },
-            React.createElement('circle', {
-                cx: -1700.1,
-                cy: -3807.1,
-                r: 13.9,
-                opacity: 0.16,
-                fill: props.color ? props.color : props.theme.palette.business.primary.normal
-            }),
-            React.createElement('path', {
-                d: 'M-1697.7-3823.2c2.4 0 4.4.9 5.9 2.5 1.6 1.6 2.4 3.6 2.4 6 0 1-.2 2-.5 3-.3.9-.8 1.8-1.5 2.5l.4.4h1l6.4 6.4-1.9 1.9-6.4-6.4v-1l-.4-.4c-.7.6-1.6 1.1-2.5 1.5-.9.3-1.9.5-3 .5-2.4 0-4.4-.8-6-2.4-1.6-1.6-2.4-3.6-2.5-5.9 0-2.4.9-4.4 2.5-6 1.7-1.8 3.7-2.6 6.1-2.6zm0 2.6c-1.7 0-3 .6-4.1 1.7s-1.6 2.5-1.6 4.1c0 1.7.5 3 1.6 4.1s2.5 1.6 4.1 1.6c1.7 0 3-.5 4.1-1.6s1.6-2.5 1.6-4.1c0-1.7-.5-3-1.6-4.1s-2.5-1.7-4.1-1.7z',
-                fill: props.color ? props.color : props.theme.palette.business.primary.normal
-            }),
-            _ref
-        )
-    );
-};
-HiAll = pure(HiAll);
-HiAll.muiName = 'SvgIcon';
-
-export default withStyles(styles, { withTheme: true })(HiAll);

package/es/svg-icons/HiBilling.js

@@ -1,33 +0,0 @@
-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 HiBilling = props => {
-    const newProps = _extends({}, props);
-    delete newProps.classes;
-    delete newProps.theme;
-
-    return React.createElement(
-        'svg',
-        _extends({ viewBox: '0 0 36 39' }, newProps),
-        React.createElement(
-            'g',
-            { transform: 'translate(-8111 -202)' },
-            React.createElement('circle', { cx: 8124.9, cy: 226.9, r: 13.9, opacity: 0.16, fill: props.color ? props.color : props.theme.palette.business.primary.normal }),
-            React.createElement('path', {
-                d: 'M8127.9 207.9c1.4 0 2.3.8 3 2.2h8.3v10.1h2.2V238.2h-15.7V236h-9V210.2h8.3c.5-1.6 1.5-2.3 2.9-2.3zm-9 4.5v21.4h6.8v-13.5h11.2v-7.9h-2.2v4.5H8121.3v-4.5h-2.4zm9.8-2c-.2-.2-.5-.3-.8-.3-.3 0-.6.1-.8.3s-.3.5-.3.8v1.1H8123.5v2.2h9v-2.2H8129.2v-1.1c-.2-.3-.3-.5-.5-.8zm-.8 12.1V236h11.2v-13.5h-11.2z',
-                fill: props.color ? props.color : props.theme.palette.business.primary.normal
-            })
-        )
-    );
-};
-HiBilling = pure(HiBilling);
-HiBilling.muiName = 'SvgIcon';
-
-export default withStyles(styles, { withTheme: true })(HiBilling);