@wireapp/react-ui-kit - npm Package Compare versions

Comparing version 0.0.20 to 0.0.21

Identity/Logo.js

@@ -37,5 +37,5 @@ 'use strict';
 var Logo = (0, _styledComponents2.default)(Wire)(_templateObject, _colors.COLOR.GRAY_DARKEN_48, _motions.defaultTransition, function (props) {
-  return props.hover && (0, _styledComponents.css)(_templateObject2, _colors.COLOR.RED);
+  return props.hover && (0, _styledComponents.css)(_templateObject2, _colors.COLOR.GRAY_DARKEN_72);
 });
 
 exports.Logo = Logo;

Layout/Container.js

@@ -31,3 +31,3 @@ 'use strict';
 
-var levels = {
+var LEVEL = {
   md: 'max-width: ' + _sizes.WIDTH.TABLET_MAX + 'px;',
@@ -45,3 +45,3 @@ sm: 'max-width: ' + _sizes.WIDTH.TABLET_MIN + 'px;',
   var level = _ref.level;
-  return levels[level] || _mediaQueries2.default.desktop(_templateObject2, _sizes.WIDTH.DESKTOP_MIN - _sizes.GUTTER * 4) + ';\n          ' + _mediaQueries2.default.desktopXL(_templateObject2, _sizes.WIDTH.DESKTOP_MIN - _sizes.GUTTER * 4) + ';';
+  return LEVEL[level] || _mediaQueries2.default.desktop(_templateObject2, _sizes.WIDTH.DESKTOP_MIN - _sizes.GUTTER * 4) + ';\n          ' + _mediaQueries2.default.desktopXL(_templateObject2, _sizes.WIDTH.DESKTOP_MIN - _sizes.GUTTER * 4) + ';';
 });
@@ -51,3 +51,3 @@
   centerText: _propTypes2.default.bool,
-  level: _propTypes2.default.oneOf(Object.keys(levels)),
+  level: _propTypes2.default.oneOf(Object.keys(LEVEL)),
   verticalCenter: _propTypes2.default.bool
@@ -54,0 +54,0 @@ };

mediaQueries.js

@@ -13,5 +13,7 @@ 'use strict';
 
+var _styledComponents = require('styled-components');
+
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-var sizes = {
+var QUERY = {
   desktop: 'min-width: ' + _sizes.WIDTH.DESKTOP_MIN + 'px',
@@ -25,3 +27,3 @@ desktopXL: 'min-width: ' + _sizes.WIDTH.DESKTOP_XL_MIN + 'px',
 
-exports.default = Object.entries(sizes).reduce(function (output, _ref) {
+exports.default = Object.entries(QUERY).reduce(function (accumulator, _ref) {
   var _ref2 = _slicedToArray(_ref, 2),
@@ -31,9 +33,5 @@ key = _ref2[0],
 
-  return _extends({}, output, _defineProperty({}, key, function () {
-    for (var _len = arguments.length, content = Array(_len), _key = 0; _key < _len; _key++) {
-      content[_key] = arguments[_key];
-    }
-
-    return '@media (' + value + '){' + content + '}';
+  return _extends({}, accumulator, _defineProperty({}, key, function (content) {
+    return '@media (' + value + '){' + (0, _styledComponents.css)(content) + '}';
   }));
 }, {});

package.json

@@ -32,3 +32,3 @@ {
   "repository": "https://github.com/wireapp/wire-web-packages/tree/master/packages/react-ui-kit",
-  "version": "0.0.20"
+  "version": "0.0.21"
 }

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

88460

decreased by-0.04%

Lines of code

1764

decreased by-0.11%

No dependency changes