@hipay/hipay-material-ui 1.0.0-beta.17 → 1.0.0-beta.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/HiColoredLabel/HiColoredLabel.js +6 -1
  2. package/HiTopBar/HiTopBar.js +3 -4
  3. package/es/HiColoredLabel/HiColoredLabel.js +6 -2
  4. package/es/HiTopBar/HiTopBar.js +5 -4
  5. package/index.es.js +1 -1
  6. package/index.js +1 -1
  7. package/package.json +9 -9
  8. package/umd/hipay-material-ui.development.js +53589 -10955
  9. package/umd/hipay-material-ui.production.min.js +4 -4
package/HiColoredLabel/HiColoredLabel.js CHANGED
@@ -60,6 +60,7 @@ var styles = exports.styles = function styles(theme) {
60
60
  */
61
61
  function HiColoredLabel(props) {
62
62
  var classes = props.classes,
63
+ className = props.className,
63
64
  label = props.label,
64
65
  color = props.color,
65
66
  active = props.active,
@@ -74,7 +75,7 @@ function HiColoredLabel(props) {
74
75
  return _react2.default.createElement(
75
76
  'div',
76
77
  {
77
- className: (0, _classnames2.default)(classes.root, (0, _defineProperty3.default)({}, classes.beta, beta)),
78
+ className: (0, _classnames2.default)(classes.root, (0, _defineProperty3.default)({}, classes.beta, beta), className),
78
79
  style: {
79
80
  backgroundColor: active ? color : (0, _colorManipulator.fade)(color, 0.08),
80
81
  color: active ? (0, _colorManipulator.getContrastedTextColor)(color, '#4C4C4C', '#FFF') : color,
@@ -99,6 +100,10 @@ HiColoredLabel.propTypes = process.env.NODE_ENV !== "production" ? {
99
100
  * Surcharge les classes du composant
100
101
  */
101
102
  classes: _propTypes2.default.object,
103
+ /**
104
+ * Surcharge les classes du composant
105
+ */
106
+ className: _propTypes2.default.string,
102
107
  /**
103
108
  * Couleur du text & du background
104
109
  */
package/HiTopBar/HiTopBar.js CHANGED
@@ -154,9 +154,8 @@ var styles = exports.styles = function styles(theme) {
154
154
  color: theme.palette.text.secondary,
155
155
  minWidth: 32
156
156
  },
157
- beta: {
158
- minWidth: 64,
159
- maxWidth: 80
157
+ betaWithoutAccountSelector: {
158
+ marginLeft: 1.5 * theme.spacing.unit
160
159
  },
161
160
  searchInput: {
162
161
  backgroundColor: theme.palette.background1 + ' !important'
@@ -353,7 +352,7 @@ var HiTopBar = function (_React$Component) {
353
352
  accountSelectorContent
354
353
  ),
355
354
  beta && _react2.default.createElement(_HiColoredLabel2.default, {
356
- className: classes.beta,
355
+ className: (0, _classnames2.default)((0, _defineProperty3.default)({}, classes.betaWithoutAccountSelector, !hasAccountSelector)),
357
356
  label: 'BETA',
358
357
  beta: true,
359
358
  color: theme.palette.neutral.dark
package/es/HiColoredLabel/HiColoredLabel.js CHANGED
@@ -32,7 +32,7 @@ export const styles = theme => ({
32
32
  * Label with background color & text color
33
33
  */
34
34
  function HiColoredLabel(props) {
35
- const { classes, label, color, active, beta } = props;
35
+ const { classes, className, label, color, active, beta } = props;
36
36
  let fontWeight = 400;
37
37
  if (beta) {
38
38
  fontWeight = 600;
@@ -42,7 +42,7 @@ function HiColoredLabel(props) {
42
42
  return React.createElement(
43
43
  'div',
44
44
  {
45
- className: classNames(classes.root, { [classes.beta]: beta }),
45
+ className: classNames(classes.root, { [classes.beta]: beta }, className),
46
46
  style: {
47
47
  backgroundColor: active ? color : fade(color, 0.08),
48
48
  color: active ? getContrastedTextColor(color, '#4C4C4C', '#FFF') : color,
@@ -67,6 +67,10 @@ HiColoredLabel.propTypes = process.env.NODE_ENV !== "production" ? {
67
67
  * Surcharge les classes du composant
68
68
  */
69
69
  classes: PropTypes.object,
70
+ /**
71
+ * Surcharge les classes du composant
72
+ */
73
+ className: PropTypes.string,
70
74
  /**
71
75
  * Couleur du text & du background
72
76
  */
package/es/HiTopBar/HiTopBar.js CHANGED
@@ -77,9 +77,8 @@ export const styles = theme => ({
77
77
  color: theme.palette.text.secondary,
78
78
  minWidth: 32
79
79
  },
80
- beta: {
81
- minWidth: 64,
82
- maxWidth: 80
80
+ betaWithoutAccountSelector: {
81
+ marginLeft: 1.5 * theme.spacing.unit
83
82
  },
84
83
  searchInput: {
85
84
  backgroundColor: `${theme.palette.background1} !important`
@@ -264,7 +263,9 @@ class HiTopBar extends React.Component {
264
263
  accountSelectorContent
265
264
  ),
266
265
  beta && React.createElement(HiColoredLabel, {
267
- className: classes.beta,
266
+ className: classNames({
267
+ [classes.betaWithoutAccountSelector]: !hasAccountSelector
268
+ }),
268
269
  label: 'BETA',
269
270
  beta: true,
270
271
  color: theme.palette.neutral.dark
package/index.es.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license Material-UI v1.0.0-beta.15
1
+ /** @license Material-UI v1.0.0-beta.18
2
2
  *
3
3
  * This source code is licensed under the MIT license found in the
4
4
  * LICENSE file in the root directory of this source tree.
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license Material-UI v1.0.0-beta.15
1
+ /** @license Material-UI v1.0.0-beta.18
2
2
  *
3
3
  * This source code is licensed under the MIT license found in the
4
4
  * LICENSE file in the root directory of this source tree.
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@hipay/hipay-material-ui",
3
3
  "private": false,
4
4
  "author": "HiPay PSYCHE Team",
5
- "version": "1.0.0-beta.17",
5
+ "version": "1.0.0-beta.18",
6
6
  "description": "HiPay Material-UI Style Guide - React components that implement Google's Material Design from Material-UI.",
7
7
  "main": "./index.js",
8
8
  "repository": {
@@ -18,8 +18,8 @@
18
18
  "react-dom": "15.3.0 || 16.0.0"
19
19
  },
20
20
  "dependencies": {
21
- "react": "16.2.0",
22
21
  "@types/jss": "9.3.0",
22
+ "@types/react-transition-group": "2.0.6",
23
23
  "babel-runtime": "6.26.0",
24
24
  "brcast": "3.0.1",
25
25
  "classnames": "2.2.5",
@@ -34,11 +34,11 @@
34
34
  "jss-props-sort": "6.0.0",
35
35
  "jss-vendor-prefixer": "7.0.0",
36
36
  "keycode": "2.1.9",
37
- "lodash": "4.2.0",
37
+ "lodash": "4.17.4",
38
38
  "lz-string": "1.4.4",
39
39
  "material-ui": "1.0.0-beta.36",
40
40
  "mdi-material-ui": "2.0.0",
41
- "moment": "2.19.1",
41
+ "moment": "2.20.1",
42
42
  "moment-timezone": "0.5.14",
43
43
  "normalize-scroll-left": "0.1.2",
44
44
  "prop-types": "15.6.0",
@@ -46,15 +46,15 @@
46
46
  "react-contextmenu": "2.9.2",
47
47
  "react-custom-scrollbars": "4.2.1",
48
48
  "react-day-picker": "7.1.9",
49
- "react-event-listener": "0.5.1",
50
- "react-jss": "8.1.0",
49
+ "react-event-listener": "0.5.3",
50
+ "react-jss": "8.2.1",
51
51
  "react-lifecycles-compat": "1.0.2",
52
- "react-pdf": "3.0.4",
53
- "react-popper": "0.8.0",
52
+ "react-pdf": "3.0.5",
53
+ "react-popper": "0.8.2",
54
54
  "react-proptype-conditional-require": "1.0.4",
55
55
  "react-scrollbar-size": "2.0.2",
56
56
  "react-sortable-hoc": "0.6.8",
57
- "react-spinners": "0.2.5",
57
+ "react-spinners": "0.2.6",
58
58
  "react-transition-group": "2.2.1",
59
59
  "recompose": "0.26.0",
60
60
  "scroll": "2.0.3",