@arch-ui/navbar - npm Package Compare versions

Comparing version 0.1.11 to 0.1.12

CHANGELOG.md

 # @arch-ui/navbar
 
+## 0.1.12
+
+### Patch Changes
+
+- [`5935b89f8`](https://github.com/keystonejs/keystone/commit/5935b89f8862b36f14d09da68f056f759a860f3e) [#3477](https://github.com/keystonejs/keystone/pull/3477) Thanks [@Noviny](https://github.com/Noviny)! - Updating dependencies:
+
+  These changes bring the keystone dev experience inline with installing keystone from npm :D
+
+* [`0fc878fa9`](https://github.com/keystonejs/keystone/commit/0fc878fa918c3196196f943f195ffaa62fce504b) [#3439](https://github.com/keystonejs/keystone/pull/3439) Thanks [@renovate](https://github.com/apps/renovate)! - Updated babel dependencies.
+
+* Updated dependencies [[`0fc878fa9`](https://github.com/keystonejs/keystone/commit/0fc878fa918c3196196f943f195ffaa62fce504b)]:
+  - @arch-ui/theme@0.0.11
+
 ## 0.1.11
@@ -4,0 +17,0 @@

dist/navbar.cjs.dev.js

@@ -5,13 +5,18 @@ 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var _defineProperty = _interopDefault(require('@babel/runtime/helpers/defineProperty'));
-var styled = _interopDefault(require('@emotion/styled'));
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var styled = require('@emotion/styled');
 var theme = require('@arch-ui/theme');
-var _extends = _interopDefault(require('@babel/runtime/helpers/extends'));
-var _objectWithoutProperties = _interopDefault(require('@babel/runtime/helpers/objectWithoutProperties'));
+var _extends = require('@babel/runtime/helpers/extends');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
-var React__default = _interopDefault(React);
 var reactRouterDom = require('react-router-dom');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+var _extends__default = /*#__PURE__*/_interopDefault(_extends);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
 const ItemElement = (_ref) => {
@@ -23,8 +28,8 @@ let {
   } = _ref,
-      props = _objectWithoutProperties(_ref, ["as", "isSelected", "mouseIsOverNav"]);
+      props = _objectWithoutProperties__default['default'](_ref, ["as", "isSelected", "mouseIsOverNav"]);
 
-  if (Tag) return React.createElement(Tag, props);
-  if (props.to) return React.createElement(reactRouterDom.Link, props);
-  if (props.href) return React.createElement("a", props);
-  return React.createElement("button", _extends({
+  if (Tag) return /*#__PURE__*/React.createElement(Tag, props);
+  if (props.to) return /*#__PURE__*/React.createElement(reactRouterDom.Link, props);
+  if (props.href) return /*#__PURE__*/React.createElement("a", props);
+  return /*#__PURE__*/React.createElement("button", _extends__default['default']({
     type: "button"
@@ -36,5 +41,5 @@ }, props));
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 const PRIMARY_NAV_GUTTER = theme.gridSize * 2;
-const NavGroupIcons = styled.div({
+const NavGroupIcons = styled__default['default'].div({
   alignItems: 'center',
@@ -45,3 +50,3 @@ alignSelf: 'stretch',
 });
-const PrimaryNav = styled.nav({
+const PrimaryNav = styled__default['default'].nav({
   backgroundColor: theme.colors.page,
@@ -55,3 +60,3 @@ boxSizing: 'border-box',
 });
-const PrimaryNavScrollArea = styled.div(({
+const PrimaryNavScrollArea = styled__default['default'].div(({
   hasScroll,
@@ -87,3 +92,3 @@ isBottom,
 });
-const BrandItem = styled.h2({
+const BrandItem = styled__default['default'].h2({
   fontSize: 18,
@@ -94,3 +99,3 @@ fontWeight: 500,
 });
-const PrimaryNavItem = styled(ItemElement)(({
+const PrimaryNavItem = styled__default['default'](ItemElement)(({
   depth,
@@ -144,3 +149,3 @@ isSelected,
 });
-const NavIcon = styled(ItemElement)(({
+const NavIcon = styled__default['default'](ItemElement)(({
   mouseIsOverNav
@@ -166,3 +171,3 @@ }) => {
 });
-const PrimaryNavHeading = styled.h3(({
+const PrimaryNavHeading = styled__default['default'].h3(({
   depth
@@ -179,3 +184,3 @@ }) => ({
 
-const Wrapper = styled.nav({
+const Wrapper = styled__default['default'].nav({
   borderBottom: `1px solid ${theme.colors.N10}`,
@@ -185,3 +190,3 @@ color: theme.colors.text,
 });
-const SecondaryNavItem = styled(ItemElement)(({
+const SecondaryNavItem = styled__default['default'](ItemElement)(({
   isSelected
@@ -204,3 +209,3 @@ }) => ({
   children
-}) => React__default.createElement(Wrapper, null, children);
+}) => /*#__PURE__*/React__default['default'].createElement(Wrapper, null, children);
 
@@ -207,0 +212,0 @@ exports.BrandItem = BrandItem;

dist/navbar.cjs.prod.js

 "use strict";
 
-function _interopDefault(ex) {
-  return ex && "object" == typeof ex && "default" in ex ? ex.default : ex;
-}
-
 Object.defineProperty(exports, "__esModule", {
@@ -11,7 +7,15 @@ value: !0
 
-var _defineProperty = _interopDefault(require("@babel/runtime/helpers/defineProperty")), styled = _interopDefault(require("@emotion/styled")), theme = require("@arch-ui/theme"), _extends = _interopDefault(require("@babel/runtime/helpers/extends")), _objectWithoutProperties = _interopDefault(require("@babel/runtime/helpers/objectWithoutProperties")), React = require("react"), React__default = _interopDefault(React), reactRouterDom = require("react-router-dom");
+var _defineProperty = require("@babel/runtime/helpers/defineProperty"), styled = require("@emotion/styled"), theme = require("@arch-ui/theme"), _extends = require("@babel/runtime/helpers/extends"), _objectWithoutProperties = require("@babel/runtime/helpers/objectWithoutProperties"), React = require("react"), reactRouterDom = require("react-router-dom");
 
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+
+var _defineProperty__default = _interopDefault(_defineProperty), styled__default = _interopDefault(styled), _extends__default = _interopDefault(_extends), _objectWithoutProperties__default = _interopDefault(_objectWithoutProperties), React__default = _interopDefault(React);
+
 const ItemElement = _ref => {
-  let {as: Tag, isSelected: isSelected, mouseIsOverNav: mouseIsOverNav} = _ref, props = _objectWithoutProperties(_ref, [ "as", "isSelected", "mouseIsOverNav" ]);
-  return Tag ? React.createElement(Tag, props) : props.to ? React.createElement(reactRouterDom.Link, props) : props.href ? React.createElement("a", props) : React.createElement("button", _extends({
+  let {as: Tag, isSelected: isSelected, mouseIsOverNav: mouseIsOverNav} = _ref, props = _objectWithoutProperties__default.default(_ref, [ "as", "isSelected", "mouseIsOverNav" ]);
+  return Tag ? React.createElement(Tag, props) : props.to ? React.createElement(reactRouterDom.Link, props) : props.href ? React.createElement("a", props) : React.createElement("button", _extends__default.default({
     type: "button"
@@ -36,3 +40,3 @@ }, props));
     i % 2 ? ownKeys(Object(source), !0).forEach((function(key) {
-      _defineProperty(target, key, source[key]);
+      _defineProperty__default.default(target, key, source[key]);
     })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach((function(key) {
@@ -45,3 +49,3 @@ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
 
-const PRIMARY_NAV_GUTTER = 2 * theme.gridSize, NavGroupIcons = styled.div({
+const PRIMARY_NAV_GUTTER = 2 * theme.gridSize, NavGroupIcons = styled__default.default.div({
   alignItems: "center",
@@ -51,3 +55,3 @@ alignSelf: "stretch",
   justifyContent: "space-between"
-}), PrimaryNav = styled.nav({
+}), PrimaryNav = styled__default.default.nav({
   backgroundColor: theme.colors.page,
@@ -60,3 +64,3 @@ boxSizing: "border-box",
   zIndex: 2
-}), PrimaryNavScrollArea = styled.div(({hasScroll: hasScroll, isBottom: isBottom, isScrollable: isScrollable}) => {
+}), PrimaryNavScrollArea = styled__default.default.div(({hasScroll: hasScroll, isBottom: isBottom, isScrollable: isScrollable}) => {
   const divider = {
@@ -85,3 +89,3 @@ backgroundColor: "rgba(9, 30, 66, 0.1)",
   };
-}), BrandItem = styled.h2({
+}), BrandItem = styled__default.default.h2({
   fontSize: 18,
@@ -91,3 +95,3 @@ fontWeight: 500,
   paddingBottom: PRIMARY_NAV_GUTTER
-}), PrimaryNavItem = styled(ItemElement)(({depth: depth, isSelected: isSelected, mouseIsOverNav: mouseIsOverNav}) => {
+}), PrimaryNavItem = styled__default.default(ItemElement)(({depth: depth, isSelected: isSelected, mouseIsOverNav: mouseIsOverNav}) => {
   const selectedStyles = isSelected ? {
@@ -107,3 +111,3 @@ "&, :hover, :active, :focus": {
     overflow: "hidden",
-    padding: `${1.5 * theme.gridSize}px`,
+    padding: 1.5 * theme.gridSize + "px",
     paddingLeft: depth ? PRIMARY_NAV_GUTTER * depth : PRIMARY_NAV_GUTTER,
@@ -137,3 +141,3 @@ position: "relative",
   }, selectedStyles);
-}), NavIcon = styled(ItemElement)(({mouseIsOverNav: mouseIsOverNav}) => ({
+}), NavIcon = styled__default.default(ItemElement)(({mouseIsOverNav: mouseIsOverNav}) => ({
   color: mouseIsOverNav ? theme.colors.N70 : theme.colors.N40,
@@ -154,3 +158,3 @@ padding: PRIMARY_NAV_GUTTER,
   }
-})), PrimaryNavHeading = styled.h3(({depth: depth}) => ({
+})), PrimaryNavHeading = styled__default.default.h3(({depth: depth}) => ({
   color: theme.colors.N40,
@@ -163,7 +167,7 @@ fontSize: "0.85em",
   textTransform: "uppercase"
-})), Wrapper = styled.nav({
-  borderBottom: `1px solid ${theme.colors.N10}`,
+})), Wrapper = styled__default.default.nav({
+  borderBottom: "1px solid " + theme.colors.N10,
   color: theme.colors.text,
   fontSize: "0.85em"
-}), SecondaryNavItem = styled(ItemElement)(({isSelected: isSelected}) => ({
+}), SecondaryNavItem = styled__default.default(ItemElement)(({isSelected: isSelected}) => ({
   boxShadow: `inset 0 ${isSelected ? -2 : 0}px 0 currentColor`,
@@ -181,3 +185,3 @@ color: isSelected ? theme.colors.text : theme.colors.N60,
   }
-})), SecondaryNav = ({children: children}) => React__default.createElement(Wrapper, null, children);
+})), SecondaryNav = ({children: children}) => React__default.default.createElement(Wrapper, null, children);
 
@@ -184,0 +188,0 @@ exports.BrandItem = BrandItem, exports.NavGroupIcons = NavGroupIcons, exports.NavIcon = NavIcon,

dist/navbar.esm.js

@@ -6,3 +6,3 @@ import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import React__default, { createElement } from 'react';
+import React, { createElement } from 'react';
 import { Link } from 'react-router-dom';
@@ -18,6 +18,6 @@
 
-  if (Tag) return createElement(Tag, props);
-  if (props.to) return createElement(Link, props);
-  if (props.href) return createElement("a", props);
-  return createElement("button", _extends({
+  if (Tag) return /*#__PURE__*/createElement(Tag, props);
+  if (props.to) return /*#__PURE__*/createElement(Link, props);
+  if (props.href) return /*#__PURE__*/createElement("a", props);
+  return /*#__PURE__*/createElement("button", _extends({
     type: "button"
@@ -188,4 +188,4 @@ }, props));
   children
-}) => React__default.createElement(Wrapper, null, children);
+}) => /*#__PURE__*/React.createElement(Wrapper, null, children);
 
 export { BrandItem, NavGroupIcons, NavIcon, PRIMARY_NAV_GUTTER, PrimaryNav, PrimaryNavHeading, PrimaryNavItem, PrimaryNavScrollArea, SecondaryNav, SecondaryNavItem };

package.json

 {
   "name": "@arch-ui/navbar",
   "description": "Navbar UI as used in @keystonejs Admin UI.",
-  "version": "0.1.11",
+  "version": "0.1.12",
   "author": "Jed Watson",
@@ -16,5 +16,5 @@ "license": "MIT",
     "@arch-ui/color-utils": "^0.0.2",
-    "@arch-ui/theme": "^0.0.10",
-    "@babel/runtime": "^7.8.4",
-    "@emotion/core": "^10.0.28",
+    "@arch-ui/theme": "^0.0.11",
+    "@babel/runtime": "^7.11.2",
+    "@emotion/core": "^10.0.35",
     "@emotion/styled": "^10.0.27",
@@ -21,0 +21,0 @@ "react-router-dom": "5.2.0"

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

31891

increased by5.61%

Lines of code

731

increased by1.11%

Dependency changes

• + Added@arch-ui/theme@0.0.11(transitive)

• - Removed@arch-ui/theme@0.0.10(transitive)

• Updated@arch-ui/theme@^0.0.11

• Updated@babel/runtime@^7.11.2

• Updated@emotion/core@^10.0.35