@hipay/hipay-material-ui 2.0.0-beta.43 → 2.0.0-beta.45

package/HiColoredLabel/HiColoredLabel.js

@@ -147,12 +147,7 @@ function HiColoredLabel(props) {
     }, fontWeight && {
       fontWeight: fontWeight
     })
-  }, other, {
-    // eslint-disable-next-line react/no-danger
-    dangerouslySetInnerHTML: {
-      __html: (0, _helpers.escapeHTML)(label)
-    }
-  }));
+  }, other), label);
 }
 
 HiColoredLabel.propTypes = process.env.NODE_ENV !== "production" ? {

package/HiSelectableList/HiSelectableListItem.js

@@ -121,10 +121,6 @@ var styles = function styles(theme) {
       margin: '1px 0',
       paddingLeft: 4
     },
-    coloredLabel: {
-      display: 'inline-flex',
-      marginTop: -4
-    },
     primaryHighlight: {
       fontWeight: theme.typography.fontWeightMedium,
       color: theme.palette.primary.main,
@@ -225,7 +221,6 @@ function (_React$Component) {
 
         if (color && selected) {
           return _react.default.createElement(_HiColoredLabel.default, {
-            className: classes.coloredLabel,
             color: color,
             label: spanHighlight
           });
@@ -296,7 +291,7 @@ function (_React$Component) {
       var ListItemComponentName = pinned ? _ListSubheader.default : _ListItem.default;
       return _react.default.createElement(ListItemComponentName, (0, _extends2.default)({
         id: id,
-        tabIndex: 0,
+        tabIndex: disabled ? '-1' : 0,
         key: "li-".concat(id),
         classes: {
           root: classes.root

package/es/HiColoredLabel/HiColoredLabel.js

@@ -130,12 +130,7 @@ function HiColoredLabel(props) {
     }, fontWeight && {
       fontWeight
     })
-  }, other, {
-    // eslint-disable-next-line react/no-danger
-    dangerouslySetInnerHTML: {
-      __html: escapeHTML(label)
-    }
-  }));
+  }, other), label);
 }
 
 HiColoredLabel.propTypes = process.env.NODE_ENV !== "production" ? {

package/es/HiSelectableList/HiSelectableListItem.js

@@ -86,10 +86,6 @@ export const styles = theme => ({
     margin: '1px 0',
     paddingLeft: 4
   },
-  coloredLabel: {
-    display: 'inline-flex',
-    marginTop: -4
-  },
   primaryHighlight: {
     fontWeight: theme.typography.fontWeightMedium,
     color: theme.palette.primary.main,
@@ -174,7 +170,6 @@ class HiSelectableListItem extends React.Component {
 
       if (color && selected) {
         return React.createElement(HiColoredLabel, {
-          className: classes.coloredLabel,
           color: color,
           label: spanHighlight
         });
@@ -243,7 +238,7 @@ class HiSelectableListItem extends React.Component {
     const ListItemComponentName = pinned ? ListSubheader : ListItem;
     return React.createElement(ListItemComponentName, _extends({
       id: id,
-      tabIndex: 0,
+      tabIndex: disabled ? '-1' : 0,
       key: `li-${id}`,
       classes: {
         root: classes.root

package/index.es.js

@@ -1,4 +1,4 @@
-/** @license HiPay-Material-UI v2.0.0-beta.43
+/** @license HiPay-Material-UI v2.0.0-beta.45
  *
  * 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 HiPay-Material-UI v2.0.0-beta.43
+/** @license HiPay-Material-UI v2.0.0-beta.45
  *
  * 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": "2.0.0-beta.43",
+  "version": "2.0.0-beta.45",
   "description": "React components that implement Google's Material Design.",
   "keywords": [
     "react",

package/umd/hipay-material-ui.development.js

@@ -1,4 +1,4 @@
-/** @license HiPay-Material-UI v2.0.0-beta.43
+/** @license HiPay-Material-UI v2.0.0-beta.45
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -91692,12 +91692,7 @@
                 }, fontWeight && {
                   fontWeight: fontWeight
                 })
-              }, other, {
-                // eslint-disable-next-line react/no-danger
-                dangerouslySetInnerHTML: {
-                  __html: escapeHTML(label)
-                }
-              }));
+              }, other), label);
             }
 
             HiColoredLabel.propTypes = {
@@ -95660,10 +95655,6 @@
                   margin: '1px 0',
                   paddingLeft: 4
                 },
-                coloredLabel: {
-                  display: 'inline-flex',
-                  marginTop: -4
-                },
                 primaryHighlight: {
                   fontWeight: theme.typography.fontWeightMedium,
                   color: theme.palette.primary.main,
@@ -95762,7 +95753,6 @@
 
                     if (color && selected) {
                       return React__default.createElement(HiColoredLabel$1, {
-                        className: classes.coloredLabel,
                         color: color,
                         label: spanHighlight
                       });
@@ -95833,7 +95823,7 @@
                   var ListItemComponentName = pinned ? ListSubheader$2 : ListItem$2;
                   return React__default.createElement(ListItemComponentName, _extends_1({
                     id: id,
-                    tabIndex: 0,
+                    tabIndex: disabled ? '-1' : 0,
                     key: "li-".concat(id),
                     classes: {
                       root: classes.root