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

package/styles/createHiMuiTheme.js

@@ -1,339 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-
-var _extends2 = require('babel-runtime/helpers/extends');
-
-var _extends3 = _interopRequireDefault(_extends2);
-
-var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
-
-var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
-
-var _deepmerge = require('deepmerge');
-
-var _deepmerge2 = _interopRequireDefault(_deepmerge);
-
-var _styles = require('material-ui/styles');
-
-var _createBreakpoints = require('./createBreakpoints');
-
-var _createBreakpoints2 = _interopRequireDefault(_createBreakpoints);
-
-var _createMixins = require('./createMixins');
-
-var _createMixins2 = _interopRequireDefault(_createMixins);
-
-var _spacing = require('./spacing');
-
-var _spacing2 = _interopRequireDefault(_spacing);
-
-var _colors = require('../colors');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Specify Hipay business colors (to be overriden by white labels)
- */
-var defaultHipayPalette = {
-    primary: {
-        light: '#5bc8ef',
-        normal: '#00ade9',
-        dark: '#007ca9',
-        contrast: '#ffffff'
-    },
-    secondary: {
-        light: 'rgba(255, 207, 33, 0.08)',
-        normal: '#ffcf21',
-        dark: '#E9BE30',
-        contrast: '#ffffff'
-    }
-}; // < 1kb payload overhead when lodash/merge is > 3kb.
-
-
-var 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: _colors.grey[50]
-    },
-    dot: {
-        neutral: '#707070'
-    }
-};
-
-var 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: _colors.grey[50]
-    },
-    dot: {
-        neutral: '#707070'
-    }
-};
-
-var 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'
-};
-
-var fontFamily = '"Roboto", "Helvetica", "Arial", sans-serif';
-
-var typography = {
-    fontFamily: fontFamily,
-    fontSize: 14, // px
-    fontWeightThin: 100,
-    fontWeightLight: 300,
-    fontWeightRegular: 400,
-    fontWeightMedium: 500,
-    fontWeightBold: 700,
-    fontWeightBlack: 900,
-    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
-    },
-    body1: {
-        fontSize: 15,
-        fontFamily: fontFamily
-    },
-    body2: {
-        fontSize: 14,
-        fontFamily: fontFamily
-    },
-    body3: {
-        fontSize: 13,
-        fontFamily: fontFamily
-    },
-    body4: {
-        fontSize: 12,
-        fontFamily: fontFamily
-    },
-    body5: {
-        fontSize: 11,
-        fontFamily: fontFamily
-    }
-};
-
-function createHiMuiTheme() {
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-    var shades = { dark: dark, light: light };
-
-    var _options$palette = options.palette,
-        paletteInput = _options$palette === undefined ? {} : _options$palette,
-        other = (0, _objectWithoutProperties3.default)(options, ['palette']);
-    var _paletteInput$type = paletteInput.type,
-        type = _paletteInput$type === undefined ? 'light' : _paletteInput$type,
-        _paletteInput$context = paletteInput.context,
-        context = _paletteInput$context === undefined ? 'local' : _paletteInput$context,
-        other2 = (0, _objectWithoutProperties3.default)(paletteInput, ['type', 'context']);
-
-
-    var overridenPaletteInput = (0, _deepmerge2.default)((0, _extends3.default)({
-        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: _colors.blue,
-        secondary: _colors.yellow
-    }), paletteInput);
-
-    var breakpoints = (0, _createBreakpoints2.default)({});
-
-    return (0, _styles.createMuiTheme)((0, _extends3.default)({
-        palette: overridenPaletteInput,
-        typography: typography,
-        mixins: (0, _createMixins2.default)(breakpoints, _spacing2.default, {}),
-        overrides: {
-            MuiMenuItem: {
-                root: (0, _extends3.default)({}, typography.body1, {
-                    height: 20,
-                    padding: 10
-                })
-            }
-        }
-    }, other));
-}
-
-exports.default = createHiMuiTheme;

package/svg-icons/ArrowDownward.js

@@ -1,37 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _pure = require('recompose/pure');
-
-var _pure2 = _interopRequireDefault(_pure);
-
-var _SvgIcon = require('../SvgIcon');
-
-var _SvgIcon2 = _interopRequireDefault(_SvgIcon);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * @ignore - internal component.
- */
-var _ref = _react2.default.createElement('path', { d: 'M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z' });
-
-var ArrowDownward = function ArrowDownward(props) {
-  return _react2.default.createElement(
-    _SvgIcon2.default,
-    props,
-    _ref
-  );
-};
-
-ArrowDownward = (0, _pure2.default)(ArrowDownward);
-ArrowDownward.muiName = 'SvgIcon';
-
-exports.default = ArrowDownward;

package/svg-icons/ArrowDropDown.js

@@ -1,37 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _pure = require('recompose/pure');
-
-var _pure2 = _interopRequireDefault(_pure);
-
-var _SvgIcon = require('../SvgIcon');
-
-var _SvgIcon2 = _interopRequireDefault(_SvgIcon);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * @ignore - internal component.
- */
-var _ref = _react2.default.createElement('path', { d: 'M7 10l5 5 5-5z' });
-
-var ArrowDropDown = function ArrowDropDown(props) {
-  return _react2.default.createElement(
-    _SvgIcon2.default,
-    props,
-    _ref
-  );
-};
-
-ArrowDropDown = (0, _pure2.default)(ArrowDropDown);
-ArrowDropDown.muiName = 'SvgIcon';
-
-exports.default = ArrowDropDown;

package/svg-icons/Cancel.js

@@ -1,36 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _pure = require('recompose/pure');
-
-var _pure2 = _interopRequireDefault(_pure);
-
-var _SvgIcon = require('../SvgIcon');
-
-var _SvgIcon2 = _interopRequireDefault(_SvgIcon);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * @ignore - internal component.
- */
-var _ref = _react2.default.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' });
-
-var Cancel = function Cancel(props) {
-  return _react2.default.createElement(
-    _SvgIcon2.default,
-    props,
-    _ref
-  );
-};
-Cancel = (0, _pure2.default)(Cancel);
-Cancel.muiName = 'SvgIcon';
-
-exports.default = Cancel;

package/svg-icons/CheckBox.js

@@ -1,36 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _pure = require('recompose/pure');
-
-var _pure2 = _interopRequireDefault(_pure);
-
-var _SvgIcon = require('../SvgIcon');
-
-var _SvgIcon2 = _interopRequireDefault(_SvgIcon);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * @ignore - internal component.
- */
-var _ref = _react2.default.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' });
-
-var CheckBox = function CheckBox(props) {
-  return _react2.default.createElement(
-    _SvgIcon2.default,
-    props,
-    _ref
-  );
-};
-CheckBox = (0, _pure2.default)(CheckBox);
-CheckBox.muiName = 'SvgIcon';
-
-exports.default = CheckBox;

package/svg-icons/CheckBoxOutlineBlank.js

@@ -1,36 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _pure = require('recompose/pure');
-
-var _pure2 = _interopRequireDefault(_pure);
-
-var _SvgIcon = require('../SvgIcon');
-
-var _SvgIcon2 = _interopRequireDefault(_SvgIcon);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * @ignore - internal component.
- */
-var _ref = _react2.default.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' });
-
-var CheckBoxOutlineBlank = function CheckBoxOutlineBlank(props) {
-  return _react2.default.createElement(
-    _SvgIcon2.default,
-    props,
-    _ref
-  );
-};
-CheckBoxOutlineBlank = (0, _pure2.default)(CheckBoxOutlineBlank);
-CheckBoxOutlineBlank.muiName = 'SvgIcon';
-
-exports.default = CheckBoxOutlineBlank;

package/svg-icons/CheckCircle.js

@@ -1,36 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _pure = require('recompose/pure');
-
-var _pure2 = _interopRequireDefault(_pure);
-
-var _SvgIcon = require('../SvgIcon');
-
-var _SvgIcon2 = _interopRequireDefault(_SvgIcon);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * @ignore - internal component.
- */
-var _ref = _react2.default.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' });
-
-var CheckCircle = function CheckCircle(props) {
-  return _react2.default.createElement(
-    _SvgIcon2.default,
-    props,
-    _ref
-  );
-};
-CheckCircle = (0, _pure2.default)(CheckCircle);
-CheckCircle.muiName = 'SvgIcon';
-
-exports.default = CheckCircle;

package/svg-icons/HiAccount.js

@@ -1,52 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-
-var _extends2 = require('babel-runtime/helpers/extends');
-
-var _extends3 = _interopRequireDefault(_extends2);
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _pure = require('recompose/pure');
-
-var _pure2 = _interopRequireDefault(_pure);
-
-var _styles = require('../styles');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var styles = function styles(theme) {
-    return {};
-};
-
-/**
- * @ignore - internal component.
- */
-var HiAccount = function HiAccount(props) {
-    var newProps = (0, _extends3.default)({}, props);
-    delete newProps.classes;
-    delete newProps.theme;
-
-    return _react2.default.createElement(
-        'svg',
-        (0, _extends3.default)({ viewBox: '0 0 37.5 39' }, newProps),
-        _react2.default.createElement(
-            'g',
-            { transform: 'translate(-8111 -110)' },
-            _react2.default.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 }),
-            _react2.default.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 = (0, _pure2.default)(HiAccount);
-HiAccount.muiName = 'SvgIcon';
-
-exports.default = (0, _styles.withStyles)(styles, { withTheme: true })(HiAccount);

package/svg-icons/HiAll.js

@@ -1,62 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-
-var _extends2 = require('babel-runtime/helpers/extends');
-
-var _extends3 = _interopRequireDefault(_extends2);
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _pure = require('recompose/pure');
-
-var _pure2 = _interopRequireDefault(_pure);
-
-var _styles = require('../styles');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var styles = function styles() {
-    return {};
-};
-
-/**
- * @ignore - internal component.
- */
-
-var _ref = _react2.default.createElement('path', { fill: 'none', d: 'M-1714-3832h36v39h-36z' });
-
-var HiAll = function HiAll(props) {
-    var newProps = (0, _extends3.default)({}, props);
-    delete newProps.classes;
-    delete newProps.theme;
-
-    return _react2.default.createElement(
-        'svg',
-        (0, _extends3.default)({ viewBox: '0 0 36 39' }, newProps),
-        _react2.default.createElement(
-            'g',
-            { transform: 'translate(1714 3832)' },
-            _react2.default.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
-            }),
-            _react2.default.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 = (0, _pure2.default)(HiAll);
-HiAll.muiName = 'SvgIcon';
-
-exports.default = (0, _styles.withStyles)(styles, { withTheme: true })(HiAll);