@govuk-frederic/page-header - npm Package Compare versions

Comparing version 0.1.3 to 0.2.0

es/atoms/logo-anchor.js

@@ -1,20 +0,15 @@
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import styled from 'react-emotion';
+import styled from 'styled-components';
 import { WHITE, BLACK, YELLOW } from 'govuk-colours';
 import { SPACING } from '@govuk-react/constants';
-var LogoAnchor =
-/*#__PURE__*/
-styled(function (_ref) {
+var LogoAnchor = styled(function (_ref) {
   var _ref$as = _ref.as,
       T = _ref$as === void 0 ? 'a' : _ref$as,
       active = _ref.active,
-      props = _objectWithoutProperties(_ref, ["as", "active"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["as", "active"]);
 
   return React.createElement(T, props);
-}, {
-  target: "e1iennbg0",
-  label: "LogoAnchor"
 })({
@@ -21,0 +16,0 @@ fontSize: '30px',

es/atoms/nav-anchor.js

@@ -1,20 +0,15 @@
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import styled from 'react-emotion';
+import styled from 'styled-components';
 import { WHITE, BLACK, YELLOW } from 'govuk-colours';
 import { SPACING } from '@govuk-react/constants';
-var NavAnchor =
-/*#__PURE__*/
-styled(function (_ref) {
+var NavAnchor = styled(function (_ref) {
   var _ref$as = _ref.as,
       T = _ref$as === void 0 ? 'a' : _ref$as,
       active = _ref.active,
-      props = _objectWithoutProperties(_ref, ["as", "active"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["as", "active"]);
 
   return React.createElement(T, props);
-}, {
-  target: "e1v326370",
-  label: "NavAnchor"
 })({
@@ -21,0 +16,0 @@ fontSize: '16px',

es/index.js

@@ -1,6 +0,6 @@
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import styled from 'react-emotion';
+import styled from 'styled-components';
 import { SPACING } from '@govuk-react/constants';
@@ -10,8 +10,3 @@ import { BLACK, WHITE } from 'govuk-colours';
 import NavAnchor from './atoms/nav-anchor';
-var StyledPageHeader =
-/*#__PURE__*/
-styled('header', {
-  target: "e4u1u2g0",
-  label: "StyledPageHeader"
-})({
+var StyledPageHeader = styled('header')({
   position: 'relative',
@@ -23,8 +18,3 @@ width: '100%',
 });
-var InnerContainer =
-/*#__PURE__*/
-styled('div', {
-  target: "e4u1u2g1",
-  label: "InnerContainer"
-})({
+var InnerContainer = styled('div')({
   display: 'flex',
@@ -36,16 +26,6 @@ justifyContent: 'space-between',
 });
-var LogoContainer =
-/*#__PURE__*/
-styled('div', {
-  target: "e4u1u2g2",
-  label: "LogoContainer"
-})({
+var LogoContainer = styled('div')({
   padding: SPACING.SCALE_2
 });
-var NavigationContainer =
-/*#__PURE__*/
-styled('div', {
-  target: "e4u1u2g3",
-  label: "NavigationContainer"
-})({
+var NavigationContainer = styled('div')({
   paddingTop: SPACING.SCALE_3,
@@ -86,3 +66,3 @@ paddingBottom: SPACING.SCALE_3
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, ["logo", "children"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["logo", "children"]);
 
@@ -89,0 +69,0 @@ return React.createElement(StyledPageHeader, props, React.createElement(InnerContainer, null, React.createElement(LogoContainer, null, logo), React.createElement(NavigationContainer, null, children)));

lib/atoms/logo-anchor.js

@@ -10,3 +10,3 @@ "use strict";
 
-var _reactEmotion = _interopRequireDefault(require("react-emotion"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -19,16 +19,11 @@ var _govukColours = require("govuk-colours");
 
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var LogoAnchor =
-/*#__PURE__*/
-(0, _reactEmotion.default)(function (_ref) {
+var LogoAnchor = (0, _styledComponents.default)(function (_ref) {
   var _ref$as = _ref.as,
       T = _ref$as === void 0 ? 'a' : _ref$as,
       active = _ref.active,
-      props = _objectWithoutProperties(_ref, ["as", "active"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["as", "active"]);
 
   return _react.default.createElement(T, props);
-}, {
-  target: "e1iennbg0",
-  label: "LogoAnchor"
 })({
@@ -57,3 +52,3 @@ fontSize: '30px',
 exports.default = _default;
-module.exports = exports["default"];
+module.exports = exports.default;
 //# sourceMappingURL=logo-anchor.js.map

lib/atoms/nav-anchor.js

@@ -10,3 +10,3 @@ "use strict";
 
-var _reactEmotion = _interopRequireDefault(require("react-emotion"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -19,16 +19,11 @@ var _govukColours = require("govuk-colours");
 
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var NavAnchor =
-/*#__PURE__*/
-(0, _reactEmotion.default)(function (_ref) {
+var NavAnchor = (0, _styledComponents.default)(function (_ref) {
   var _ref$as = _ref.as,
       T = _ref$as === void 0 ? 'a' : _ref$as,
       active = _ref.active,
-      props = _objectWithoutProperties(_ref, ["as", "active"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["as", "active"]);
 
   return _react.default.createElement(T, props);
-}, {
-  target: "e1v326370",
-  label: "NavAnchor"
 })({
@@ -57,3 +52,3 @@ fontSize: '16px',
 exports.default = _default;
-module.exports = exports["default"];
+module.exports = exports.default;
 //# sourceMappingURL=nav-anchor.js.map

lib/index.js

@@ -10,3 +10,3 @@ "use strict";
 
-var _reactEmotion = _interopRequireDefault(require("react-emotion"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -23,10 +23,5 @@ var _constants = require("@govuk-react/constants");
 
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var StyledPageHeader =
-/*#__PURE__*/
-(0, _reactEmotion.default)('header', {
-  target: "e4u1u2g0",
-  label: "StyledPageHeader"
-})({
+var StyledPageHeader = (0, _styledComponents.default)('header')({
   position: 'relative',
@@ -38,8 +33,3 @@ width: '100%',
 });
-var InnerContainer =
-/*#__PURE__*/
-(0, _reactEmotion.default)('div', {
-  target: "e4u1u2g1",
-  label: "InnerContainer"
-})({
+var InnerContainer = (0, _styledComponents.default)('div')({
   display: 'flex',
@@ -51,16 +41,6 @@ justifyContent: 'space-between',
 });
-var LogoContainer =
-/*#__PURE__*/
-(0, _reactEmotion.default)('div', {
-  target: "e4u1u2g2",
-  label: "LogoContainer"
-})({
+var LogoContainer = (0, _styledComponents.default)('div')({
   padding: _constants.SPACING.SCALE_2
 });
-var NavigationContainer =
-/*#__PURE__*/
-(0, _reactEmotion.default)('div', {
-  target: "e4u1u2g3",
-  label: "NavigationContainer"
-})({
+var NavigationContainer = (0, _styledComponents.default)('div')({
   paddingTop: _constants.SPACING.SCALE_3,
@@ -101,3 +81,3 @@ paddingBottom: _constants.SPACING.SCALE_3
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, ["logo", "children"]);
+      props = _objectWithoutPropertiesLoose(_ref, ["logo", "children"]);
 
@@ -115,3 +95,3 @@ return _react.default.createElement(StyledPageHeader, props, _react.default.createElement(InnerContainer, null, _react.default.createElement(LogoContainer, null, logo), _react.default.createElement(NavigationContainer, null, children)));
 exports.default = _default;
-module.exports = exports["default"];
+module.exports = exports.default;
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@govuk-frederic/page-header",
-  "version": "0.1.3",
+  "version": "0.2.0",
   "dependencies": {
-    "@govuk-react/constants": "^0.2.7",
+    "@govuk-react/constants": "^0.6.0-alpha.1",
     "govuk-colours": "^1.0.3"
   },
   "devDependencies": {
-    "@govuk-react/storybook-components": "^0.2.4",
     "as-nav-link": "^0.1.3"
   },
   "peerDependencies": {
-    "emotion": ">=9",
-    "prop-types": ">=15",
     "react": ">=16.2.0",
-    "react-emotion": ">=9"
+    "styled-components": ">=4"
   },
   "scripts": {
-    "build": "npm run build:lib && npm run build:es",
-    "build:lib": "rimraf lib && babel src -d lib --source-maps",
-    "build:es": "rimraf es && cross-env BABEL_ENV=es babel src -d es --source-maps",
+    "build": "yarn build:lib && yarn build:es",
+    "build:lib": "rimraf lib && babel src -d lib --source-maps --config-file ../../babel.config.js",
+    "build:es": "rimraf es && cross-env BABEL_ENV=es babel src -d es --source-maps --config-file ../../babel.config.js",
     "docs": "doc-component ./lib/index.js ./README.md"
@@ -23,0 +20,0 @@ },

src/atoms/logo-anchor.js

 import React from 'react';
 import PropTypes from 'prop-types';
-import styled from 'react-emotion';
+import styled from 'styled-components';
 import { WHITE, BLACK, YELLOW } from 'govuk-colours';
@@ -5,0 +5,0 @@ import { SPACING } from '@govuk-react/constants';

src/atoms/nav-anchor.js

 import React from 'react';
 import PropTypes from 'prop-types';
-import styled from 'react-emotion';
+import styled from 'styled-components';
 import { WHITE, BLACK, YELLOW } from 'govuk-colours';
@@ -5,0 +5,0 @@ import { SPACING } from '@govuk-react/constants';

src/index.js

 import React from 'react';
 import PropTypes from 'prop-types';
-import styled from 'react-emotion';
+import styled from 'styled-components';
 
@@ -5,0 +5,0 @@ import { SPACING } from '@govuk-react/constants';

Fixed alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

67457

increased by21.24%

Dependency count

4

decreased by-33.33%

Dev dependency count

1

decreased by-50%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Lines of code

567

decreased by-10.43%

Dependency changes

• + Added@emotion/is-prop-valid@1.2.2(transitive)

• + Added@emotion/memoize@0.8.1(transitive)

• + Added@emotion/unitless@0.8.1(transitive)

• + Added@govuk-react/constants@0.6.0(transitive)

• + Added@types/stylis@4.2.5(transitive)

• + Addedcamelize@1.0.1(transitive)

• + Addedcss-color-keywords@1.0.0(transitive)

• + Addedcss-to-react-native@3.2.0(transitive)

• + Addedcsstype@3.1.3(transitive)

• + Addednanoid@3.3.8(transitive)

• + Addedpicocolors@1.1.1(transitive)

• + Addedpostcss@8.4.49(transitive)

• + Addedpostcss-value-parser@4.2.0(transitive)

• + Addedreact-dom@19.0.0(transitive)

• + Addedscheduler@0.25.0(transitive)

• + Addedshallowequal@1.1.0(transitive)

• + Addedsource-map-js@1.2.1(transitive)

• + Addedstyled-components@6.1.15(transitive)

• + Addedstylis@4.3.2(transitive)

• + Addedtslib@2.6.2(transitive)

• - Removed@govuk-react/constants@0.2.7(transitive)

• - Removedemotion@11.0.0(transitive)

• - Removedjs-tokens@4.0.0(transitive)

• - Removedloose-envify@1.4.0(transitive)

• - Removedobject-assign@4.1.1(transitive)

• - Removedprop-types@15.8.1(transitive)

• - Removedreact-emotion@10.0.0(transitive)

• - Removedreact-is@16.13.1(transitive)

• Updated@govuk-react/constants@^0.6.0-alpha.1