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

package/HiColoredLabel/HiColoredLabel.js

@@ -60,6 +60,7 @@ var styles = exports.styles = function styles(theme) {
  */
 function HiColoredLabel(props) {
     var classes = props.classes,
+        className = props.className,
         label = props.label,
         color = props.color,
         active = props.active,
@@ -74,7 +75,7 @@ function HiColoredLabel(props) {
     return _react2.default.createElement(
         'div',
         {
-            className: (0, _classnames2.default)(classes.root, (0, _defineProperty3.default)({}, classes.beta, beta)),
+            className: (0, _classnames2.default)(classes.root, (0, _defineProperty3.default)({}, classes.beta, beta), className),
             style: {
                 backgroundColor: active ? color : (0, _colorManipulator.fade)(color, 0.08),
                 color: active ? (0, _colorManipulator.getContrastedTextColor)(color, '#4C4C4C', '#FFF') : color,
@@ -99,6 +100,10 @@ HiColoredLabel.propTypes = process.env.NODE_ENV !== "production" ? {
      * Surcharge les classes du composant
      */
     classes: _propTypes2.default.object,
+    /**
+     * Surcharge les classes du composant
+     */
+    className: _propTypes2.default.string,
     /**
      * Couleur du text & du background
      */

package/HiTopBar/HiTopBar.js

@@ -154,9 +154,8 @@ var styles = exports.styles = function styles(theme) {
             color: theme.palette.text.secondary,
             minWidth: 32
         },
-        beta: {
-            minWidth: 64,
-            maxWidth: 80
+        betaWithoutAccountSelector: {
+            marginLeft: 1.5 * theme.spacing.unit
         },
         searchInput: {
             backgroundColor: theme.palette.background1 + ' !important'
@@ -353,7 +352,7 @@ var HiTopBar = function (_React$Component) {
                                     accountSelectorContent
                                 ),
                                 beta && _react2.default.createElement(_HiColoredLabel2.default, {
-                                    className: classes.beta,
+                                    className: (0, _classnames2.default)((0, _defineProperty3.default)({}, classes.betaWithoutAccountSelector, !hasAccountSelector)),
                                     label: 'BETA',
                                     beta: true,
                                     color: theme.palette.neutral.dark

package/es/HiColoredLabel/HiColoredLabel.js

@@ -32,7 +32,7 @@ export const styles = theme => ({
  * Label with background color & text color
  */
 function HiColoredLabel(props) {
-    const { classes, label, color, active, beta } = props;
+    const { classes, className, label, color, active, beta } = props;
     let fontWeight = 400;
     if (beta) {
         fontWeight = 600;
@@ -42,7 +42,7 @@ function HiColoredLabel(props) {
     return React.createElement(
         'div',
         {
-            className: classNames(classes.root, { [classes.beta]: beta }),
+            className: classNames(classes.root, { [classes.beta]: beta }, className),
             style: {
                 backgroundColor: active ? color : fade(color, 0.08),
                 color: active ? getContrastedTextColor(color, '#4C4C4C', '#FFF') : color,
@@ -67,6 +67,10 @@ HiColoredLabel.propTypes = process.env.NODE_ENV !== "production" ? {
      * Surcharge les classes du composant
      */
     classes: PropTypes.object,
+    /**
+     * Surcharge les classes du composant
+     */
+    className: PropTypes.string,
     /**
      * Couleur du text & du background
      */

package/es/HiTopBar/HiTopBar.js

@@ -77,9 +77,8 @@ export const styles = theme => ({
         color: theme.palette.text.secondary,
         minWidth: 32
     },
-    beta: {
-        minWidth: 64,
-        maxWidth: 80
+    betaWithoutAccountSelector: {
+        marginLeft: 1.5 * theme.spacing.unit
     },
     searchInput: {
         backgroundColor: `${theme.palette.background1} !important`
@@ -264,7 +263,9 @@ class HiTopBar extends React.Component {
                                 accountSelectorContent
                             ),
                             beta && React.createElement(HiColoredLabel, {
-                                className: classes.beta,
+                                className: classNames({
+                                    [classes.betaWithoutAccountSelector]: !hasAccountSelector
+                                }),
                                 label: 'BETA',
                                 beta: true,
                                 color: theme.palette.neutral.dark

package/index.es.js

@@ -1,4 +1,4 @@
-/** @license Material-UI v1.0.0-beta.15
+/** @license Material-UI v1.0.0-beta.18
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/index.js

@@ -1,4 +1,4 @@
-/** @license Material-UI v1.0.0-beta.15
+/** @license Material-UI v1.0.0-beta.18
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/package.json

@@ -2,7 +2,7 @@
   "name": "@hipay/hipay-material-ui",
   "private": false,
   "author": "HiPay PSYCHE Team",
-  "version": "1.0.0-beta.17",
+  "version": "1.0.0-beta.18",
   "description": "HiPay Material-UI Style Guide - React components that implement Google's Material Design from Material-UI.",
   "main": "./index.js",
   "repository": {
@@ -18,8 +18,8 @@
     "react-dom": "15.3.0 || 16.0.0"
   },
   "dependencies": {
-    "react": "16.2.0",
     "@types/jss": "9.3.0",
+    "@types/react-transition-group": "2.0.6",
     "babel-runtime": "6.26.0",
     "brcast": "3.0.1",
     "classnames": "2.2.5",
@@ -34,11 +34,11 @@
     "jss-props-sort": "6.0.0",
     "jss-vendor-prefixer": "7.0.0",
     "keycode": "2.1.9",
-    "lodash": "4.2.0",
+    "lodash": "4.17.4",
     "lz-string": "1.4.4",
     "material-ui": "1.0.0-beta.36",
     "mdi-material-ui": "2.0.0",
-    "moment": "2.19.1",
+    "moment": "2.20.1",
     "moment-timezone": "0.5.14",
     "normalize-scroll-left": "0.1.2",
     "prop-types": "15.6.0",
@@ -46,15 +46,15 @@
     "react-contextmenu": "2.9.2",
     "react-custom-scrollbars": "4.2.1",
     "react-day-picker": "7.1.9",
-    "react-event-listener": "0.5.1",
-    "react-jss": "8.1.0",
+    "react-event-listener": "0.5.3",
+    "react-jss": "8.2.1",
     "react-lifecycles-compat": "1.0.2",
-    "react-pdf": "3.0.4",
-    "react-popper": "0.8.0",
+    "react-pdf": "3.0.5",
+    "react-popper": "0.8.2",
     "react-proptype-conditional-require": "1.0.4",
     "react-scrollbar-size": "2.0.2",
     "react-sortable-hoc": "0.6.8",
-    "react-spinners": "0.2.5",
+    "react-spinners": "0.2.6",
     "react-transition-group": "2.2.1",
     "recompose": "0.26.0",
     "scroll": "2.0.3",