@knotel/cinderblock - npm Package Compare versions

Comparing version 0.0.14 to 0.0.15

dist/Nav.js

@@ -9,3 +9,3 @@ 'use strict';
 
-var _templateObject = _taggedTemplateLiteral(['\n  border-bottom: 1px solid ', '\n  height: 60px;\n'], ['\n  border-bottom: 1px solid ', '\n  height: 60px;\n']);
+var _templateObject = _taggedTemplateLiteral(['\n  border-bottom: 1px solid ', '\n    height: 48px;\n    ', ' {\n    height: 60px;\n  } \n'], ['\n  border-bottom: 1px solid ', '\n    height: 48px;\n    ', ' {\n    height: 60px;\n  } \n']);
 
@@ -24,2 +24,6 @@ var _react = require('react');
 
+var _Box = require('./Box');
+
+var _Box2 = _interopRequireDefault(_Box);
+
 var _Icon = require('./Icon');
@@ -47,3 +51,5 @@
 
-var Nav = (0, _styledComponents2.default)(_Flex2.default)(_templateObject, _theme2.default.colors.gray200);
+var Nav = (0, _styledComponents2.default)(_Flex2.default)(_templateObject, _theme2.default.colors.gray200, function (props) {
+  return props.theme.mediaQueries['md'];
+});
 
@@ -70,2 +76,3 @@ Nav.displayName = 'Nav';
           bg: _theme2.default.colors.white,
+          justify: 'space-between',
           px: 4
@@ -75,5 +82,14 @@
         _react2.default.createElement(
-          'a',
-          { href: '/' },
-          _react2.default.createElement(_Icon2.default, { name: 'knotelLogo', size: 80, color: _theme2.default.colors.gray800 })
+          _Box2.default,
+          null,
+          _react2.default.createElement(
+            'a',
+            { href: '/' },
+            _react2.default.createElement(_Icon2.default, { name: 'knotelLogo', size: 80, color: _theme2.default.colors.gray800 })
+          )
+        ),
+        _react2.default.createElement(
+          _Flex2.default,
+          null,
+          this.props.children
         )
@@ -80,0 +96,0 @@ );

dist/ToggleBadge.js

@@ -38,5 +38,5 @@ 'use strict';
 }, function (props) {
-  return props.selected ? props.theme.colors[props.bg] : props.unSelectedBg;
+  return props.selected ? props.theme.colors.primary : props.unSelectedBg;
 }, function (props) {
-  return props.theme.colors[props.color];
+  return props.selected ? props.theme.colors.white : props.theme.colors[props.color];
 }, _styledSystem.space, _styledSystem.fontSize, function (props) {
@@ -60,3 +60,3 @@ return props.theme.colors[props.bg];
   theme: _theme2.default,
-  color: 'blue',
+  color: 'primary',
   bg: 'lightBlue',
@@ -63,0 +63,0 @@ unSelectedBg: 'transparent'

package.json

 {
   "name": "@knotel/cinderblock",
-  "version": "0.0.14",
+  "version": "0.0.15",
   "description": "Knotel Design System",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

194005

increased by0.27%

Lines of code

2691

increased by0.52%

No dependency changes