@govuk-react/icons - npm Package Compare versions

Comparing version 0.7.1 to 0.8.0

es/ArrowLeft/index.js

@@ -14,7 +14,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-  return React.createElement(SVG, _extends({
+  return /*#__PURE__*/React.createElement(SVG, _extends({
     viewBox: "-0.2 0 17 14",
     title: title,
     fill: fill
-  }, rest), React.createElement("path", {
+  }, rest), /*#__PURE__*/React.createElement("path", {
     d: "m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z"
@@ -21,0 +21,0 @@ }));

es/ArrowLeft/stories.js

 import React from 'react';
 import { storiesOf } from '@storybook/react';
-import { withKnobs, color, text } from '@storybook/addon-knobs/react';
+import { withKnobs, color, text } from '@storybook/addon-knobs';
 import ArrowLeft from '.';
@@ -11,3 +11,3 @@ var stories = storiesOf('Icons', module);
   var height = text('height', '100%');
-  return React.createElement(ArrowLeft, {
+  return /*#__PURE__*/React.createElement(ArrowLeft, {
     width: width,
@@ -14,0 +14,0 @@ height: height,

es/ArrowLeft/test.js

@@ -5,3 +5,3 @@ import React from 'react';
 import ArrowRight from '.';
-var wrapper = React.createElement(ArrowRight, null, "Example");
+var wrapper = /*#__PURE__*/React.createElement(ArrowRight, null, "Example");
 describe('ArrowRight', function () {
@@ -8,0 +8,0 @@ it('renders without crashing', function () {

es/ArrowRight/index.js

@@ -14,7 +14,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-  return React.createElement(SVG, _extends({
+  return /*#__PURE__*/React.createElement(SVG, _extends({
     viewBox: "0 0 17 14",
     title: title,
     fill: fill
-  }, rest), React.createElement("path", {
+  }, rest), /*#__PURE__*/React.createElement("path", {
     d: "m10.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z"
@@ -21,0 +21,0 @@ }));

es/ArrowRight/stories.js

 import React from 'react';
 import { storiesOf } from '@storybook/react';
-import { withKnobs, color, text } from '@storybook/addon-knobs/react';
+import { withKnobs, color, text } from '@storybook/addon-knobs';
 import ArrowRight from '.';
@@ -11,3 +11,3 @@ var stories = storiesOf('Icons', module);
   var height = text('height', '100%');
-  return React.createElement(ArrowRight, {
+  return /*#__PURE__*/React.createElement(ArrowRight, {
     width: width,
@@ -14,0 +14,0 @@ height: height,

es/ArrowRight/test.js

@@ -5,3 +5,3 @@ import React from 'react';
 import ArrowRight from '.';
-var wrapper = React.createElement(ArrowRight, null, "Example");
+var wrapper = /*#__PURE__*/React.createElement(ArrowRight, null, "Example");
 describe('ArrowRight', function () {
@@ -8,0 +8,0 @@ it('renders without crashing', function () {

es/ButtonArrow/index.js

@@ -14,9 +14,9 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-  return React.createElement(SVG, _extends({
+  return /*#__PURE__*/React.createElement(SVG, _extends({
     viewBox: "0 0 706 860",
     title: title,
     fill: fill
-  }, rest), React.createElement("g", null, React.createElement("path", {
+  }, rest), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
     d: "M.152 0h252.993l452.108 430H452.261z"
-  }), React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     fillOpacity: "0.5",
@@ -23,0 +23,0 @@ d: "M0 860h252.993L705.1 430H452.108z"

es/ButtonArrow/stories.js

 import React from 'react';
 import { storiesOf } from '@storybook/react';
-import { withKnobs, color, text } from '@storybook/addon-knobs/react';
+import { withKnobs, color, text } from '@storybook/addon-knobs';
 import ButtonArrow from '.';
@@ -11,3 +11,3 @@ var stories = storiesOf('Icons', module);
   var height = text('height', '100%');
-  return React.createElement(ButtonArrow, {
+  return /*#__PURE__*/React.createElement(ButtonArrow, {
     width: width,
@@ -14,0 +14,0 @@ height: height,

es/ButtonArrow/test.js

@@ -5,3 +5,3 @@ import React from 'react';
 import ButtonArrow from '.';
-var wrapper = React.createElement(ButtonArrow, null, "Example");
+var wrapper = /*#__PURE__*/React.createElement(ButtonArrow, null, "Example");
 describe('ButtonArrow', function () {
@@ -8,0 +8,0 @@ it('renders without crashing', function () {

es/IconImportant/index.js

@@ -14,3 +14,3 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-  return React.createElement(SVG, _extends({
+  return /*#__PURE__*/React.createElement(SVG, _extends({
     viewBox: "0 0 35.000000 35.000000",
@@ -20,5 +20,5 @@ preserveAspectRatio: "xMidYMid meet",
     fill: fill
-  }, rest), React.createElement("g", {
+  }, rest), /*#__PURE__*/React.createElement("g", {
     transform: "translate(0.000000,35.000000) scale(0.100000,-0.100000)"
-  }, React.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M100 332 c-87 -48 -125 -155 -82 -232 48 -87 155 -125 232 -82 87 48\n125 155 82 232 -48 87 -155 125 -232 82z m100 -122 c0 -53 -2 -60 -20 -60 -18\n0 -20 7 -20 60 0 53 2 60 20 60 18 0 20 -7 20 -60z m0 -111 c0 -12 -7 -19 -20\n-19 -19 0 -28 28 -14 43 11 11 34 -5 34 -24z"
@@ -25,0 +25,0 @@ })));

es/IconImportant/stories.js

 import React from 'react';
 import { storiesOf } from '@storybook/react';
-import { withKnobs, color, text } from '@storybook/addon-knobs/react';
+import { withKnobs, color, text } from '@storybook/addon-knobs';
 import IconImportant from '.';
@@ -11,3 +11,3 @@ var stories = storiesOf('Icons', module);
   var height = text('height', '100%');
-  return React.createElement(IconImportant, {
+  return /*#__PURE__*/React.createElement(IconImportant, {
     width: width,
@@ -14,0 +14,0 @@ height: height,

es/IconImportant/test.js

@@ -5,3 +5,3 @@ import React from 'react';
 import IconImportant from '.';
-var wrapper = React.createElement(IconImportant, null, "Example");
+var wrapper = /*#__PURE__*/React.createElement(IconImportant, null, "Example");
 describe('IconImportant', function () {
@@ -8,0 +8,0 @@ it('renders without crashing', function () {

es/Search/index.js

@@ -14,7 +14,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-  return React.createElement(SVG, _extends({
+  return /*#__PURE__*/React.createElement(SVG, _extends({
     viewBox: "0 0 57 57",
     title: title,
     fill: fill
-  }, rest), React.createElement("path", {
+  }, rest), /*#__PURE__*/React.createElement("path", {
     d: "M55.146,51.887L41.588,37.786c3.486-4.144,5.396-9.358,5.396-14.786c0-12.682-10.318-23-23-23s-23,10.318-23,23 s10.318,23,23,23c4.761,0,9.298-1.436,13.177-4.162l13.661,14.208c0.571,0.593,1.339,0.92,2.162,0.92 c0.779,0,1.518-0.297,2.079-0.837C56.255,54.982,56.293,53.08,55.146,51.887z M23.984,6c9.374,0,17,7.626,17,17s-7.626,17-17,17 s-17-7.626-17-17S14.61,6,23.984,6z"
@@ -21,0 +21,0 @@ }));

es/Search/stories.js

 import React from 'react';
 import { storiesOf } from '@storybook/react';
-import { withKnobs, color, text } from '@storybook/addon-knobs/react';
+import { withKnobs, color, text } from '@storybook/addon-knobs';
 import Search from '.';
@@ -11,3 +11,3 @@ var stories = storiesOf('Icons', module);
   var height = text('height', '100%');
-  return React.createElement(Search, {
+  return /*#__PURE__*/React.createElement(Search, {
     width: width,
@@ -14,0 +14,0 @@ height: height,

es/Search/test.js

@@ -5,3 +5,3 @@ import React from 'react';
 import Search from '.';
-var wrapper = React.createElement(Search, null, "Example");
+var wrapper = /*#__PURE__*/React.createElement(Search, null, "Example");
 describe('Search', function () {
@@ -8,0 +8,0 @@ it('renders without crashing', function () {

es/Spinner/index.js

@@ -22,3 +22,3 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-  return React.createElement(SVG, _extends({
+  return /*#__PURE__*/React.createElement(SVG, _extends({
     className: className,
@@ -30,3 +30,3 @@ viewBox: "-25 -25 50 50",
   }, rest), Array(12).fill(1).map(function (el, i) {
-    return React.createElement(Rect, {
+    return /*#__PURE__*/React.createElement(Rect, {
       fill: fill,
@@ -33,0 +33,0 @@ width: "12",

es/Spinner/stories.js

 import React from 'react';
 import { storiesOf } from '@storybook/react';
-import { withKnobs, color, text } from '@storybook/addon-knobs/react';
+import { withKnobs, color, text } from '@storybook/addon-knobs';
 import Spinner from '.';
@@ -11,3 +11,3 @@ var stories = storiesOf('Icons', module);
   var height = text('height', '100%');
-  return React.createElement(Spinner, {
+  return /*#__PURE__*/React.createElement(Spinner, {
     width: width,
@@ -14,0 +14,0 @@ height: height,

es/Spinner/test.js

@@ -5,3 +5,3 @@ import React from 'react';
 import Spinner from '.';
-var wrapper = React.createElement(Spinner, {
+var wrapper = /*#__PURE__*/React.createElement(Spinner, {
   width: "100px",
@@ -8,0 +8,0 @@ height: "100px",

es/SVGBase/index.js

@@ -14,3 +14,3 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-  return React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement("svg", _extends({
     version: "1.1",
@@ -23,3 +23,3 @@ fill: fill,
     }
-  }, rest), React.createElement("title", null, title), children);
+  }, rest), /*#__PURE__*/React.createElement("title", null, title), children);
 };
@@ -26,0 +26,0 @@

es/SVGBase/stories.js

 import React from 'react';
 import { storiesOf } from '@storybook/react';
-import { withKnobs, color, text } from '@storybook/addon-knobs/react';
+import { withKnobs, color, text } from '@storybook/addon-knobs';
 import SVGBase from '.';
@@ -11,3 +11,3 @@ var stories = storiesOf('Icons', module);
   var viewBox = text('viewBox', '0 0 500 500');
-  return React.createElement(SVGBase, {
+  return /*#__PURE__*/React.createElement(SVGBase, {
     viewBox: viewBox,
@@ -17,3 +17,3 @@ title: "Example of SVGBase",
     stroke: stroke
-  }, React.createElement("polygon", {
+  }, /*#__PURE__*/React.createElement("polygon", {
     points: "250,60 100,400 400,400"
@@ -20,0 +20,0 @@ }));

es/SVGBase/test.js

@@ -5,3 +5,3 @@ import React from 'react';
 import SVG from '.';
-var wrapper = React.createElement(SVG, null, "Example");
+var wrapper = /*#__PURE__*/React.createElement(SVG, null, "Example");
 describe('SVG', function () {
@@ -8,0 +8,0 @@ it('renders without crashing', function () {

es/test.js

@@ -22,3 +22,3 @@ // every export from @govuk-react/icons should be a React component that renders an SVG
       expect(typeof Component).toBe('function');
-      expect(mount(React.createElement(Component, null)).find('svg')).toHaveLength(1);
+      expect(mount( /*#__PURE__*/React.createElement(Component, null)).find('svg')).toHaveLength(1);
     });
@@ -25,0 +25,0 @@ };

lib/ArrowLeft/index.js

 "use strict";
 
 exports.__esModule = true;
-exports.default = void 0;
+exports["default"] = void 0;
 
@@ -12,3 +12,3 @@ var _react = _interopRequireDefault(require("react"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -24,7 +24,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-  return _react.default.createElement(_index.default, _extends({
+  return /*#__PURE__*/_react["default"].createElement(_index["default"], _extends({
     viewBox: "-0.2 0 17 14",
     title: title,
     fill: fill
-  }, rest), _react.default.createElement("path", {
+  }, rest), /*#__PURE__*/_react["default"].createElement("path", {
     d: "m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z"
@@ -39,4 +39,4 @@ }));
 var _default = ArrowLeft;
-exports.default = _default;
+exports["default"] = _default;
 module.exports = exports.default;
 //# sourceMappingURL=index.js.map

lib/ArrowLeft/stories.js

@@ -7,15 +7,15 @@ "use strict";
 
-var _react3 = require("@storybook/addon-knobs/react");
+var _addonKnobs = require("@storybook/addon-knobs");
 
 var _ = _interopRequireDefault(require("."));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var stories = (0, _react2.storiesOf)('Icons', module);
-stories.addDecorator(_react3.withKnobs);
+stories.addDecorator(_addonKnobs.withKnobs);
 stories.add('ArrowLeft', function () {
-  var fillColour = (0, _react3.color)('fill', 'black');
-  var width = (0, _react3.text)('width', '100%');
-  var height = (0, _react3.text)('height', '100%');
-  return _react.default.createElement(_.default, {
+  var fillColour = (0, _addonKnobs.color)('fill', 'black');
+  var width = (0, _addonKnobs.text)('width', '100%');
+  var height = (0, _addonKnobs.text)('height', '100%');
+  return /*#__PURE__*/_react["default"].createElement(_["default"], {
     width: width,
@@ -22,0 +22,0 @@ height: height,

lib/ArrowLeft/test.js

@@ -11,5 +11,5 @@ "use strict";
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var wrapper = _react.default.createElement(_.default, null, "Example");
+var wrapper = /*#__PURE__*/_react["default"].createElement(_["default"], null, "Example");
 
@@ -20,3 +20,3 @@ describe('ArrowRight', function () {
 
-    _reactDom.default.render(wrapper, div);
+    _reactDom["default"].render(wrapper, div);
   });
@@ -23,0 +23,0 @@ it('matches wrapper snapshot', function () {

lib/ArrowRight/index.js

 "use strict";
 
 exports.__esModule = true;
-exports.default = void 0;
+exports["default"] = void 0;
 
@@ -12,3 +12,3 @@ var _react = _interopRequireDefault(require("react"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -24,7 +24,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-  return _react.default.createElement(_index.default, _extends({
+  return /*#__PURE__*/_react["default"].createElement(_index["default"], _extends({
     viewBox: "0 0 17 14",
     title: title,
     fill: fill
-  }, rest), _react.default.createElement("path", {
+  }, rest), /*#__PURE__*/_react["default"].createElement("path", {
     d: "m10.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z"
@@ -39,4 +39,4 @@ }));
 var _default = ArrowRight;
-exports.default = _default;
+exports["default"] = _default;
 module.exports = exports.default;
 //# sourceMappingURL=index.js.map

lib/ArrowRight/stories.js

@@ -7,15 +7,15 @@ "use strict";
 
-var _react3 = require("@storybook/addon-knobs/react");
+var _addonKnobs = require("@storybook/addon-knobs");
 
 var _ = _interopRequireDefault(require("."));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var stories = (0, _react2.storiesOf)('Icons', module);
-stories.addDecorator(_react3.withKnobs);
+stories.addDecorator(_addonKnobs.withKnobs);
 stories.add('ArrowRight', function () {
-  var fillColour = (0, _react3.color)('fill', 'black');
-  var width = (0, _react3.text)('width', '100%');
-  var height = (0, _react3.text)('height', '100%');
-  return _react.default.createElement(_.default, {
+  var fillColour = (0, _addonKnobs.color)('fill', 'black');
+  var width = (0, _addonKnobs.text)('width', '100%');
+  var height = (0, _addonKnobs.text)('height', '100%');
+  return /*#__PURE__*/_react["default"].createElement(_["default"], {
     width: width,
@@ -22,0 +22,0 @@ height: height,

lib/ArrowRight/test.js

@@ -11,5 +11,5 @@ "use strict";
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var wrapper = _react.default.createElement(_.default, null, "Example");
+var wrapper = /*#__PURE__*/_react["default"].createElement(_["default"], null, "Example");
 
@@ -20,3 +20,3 @@ describe('ArrowRight', function () {
 
-    _reactDom.default.render(wrapper, div);
+    _reactDom["default"].render(wrapper, div);
   });
@@ -23,0 +23,0 @@ it('matches wrapper snapshot', function () {

lib/ButtonArrow/index.js

 "use strict";
 
 exports.__esModule = true;
-exports.default = void 0;
+exports["default"] = void 0;
 
@@ -12,3 +12,3 @@ var _react = _interopRequireDefault(require("react"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -24,9 +24,9 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-  return _react.default.createElement(_index.default, _extends({
+  return /*#__PURE__*/_react["default"].createElement(_index["default"], _extends({
     viewBox: "0 0 706 860",
     title: title,
     fill: fill
-  }, rest), _react.default.createElement("g", null, _react.default.createElement("path", {
+  }, rest), /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("path", {
     d: "M.152 0h252.993l452.108 430H452.261z"
-  }), _react.default.createElement("path", {
+  }), /*#__PURE__*/_react["default"].createElement("path", {
     fillOpacity: "0.5",
@@ -42,4 +42,4 @@ d: "M0 860h252.993L705.1 430H452.108z"
 var _default = ButtonArrow;
-exports.default = _default;
+exports["default"] = _default;
 module.exports = exports.default;
 //# sourceMappingURL=index.js.map

lib/ButtonArrow/stories.js

@@ -7,15 +7,15 @@ "use strict";
 
-var _react3 = require("@storybook/addon-knobs/react");
+var _addonKnobs = require("@storybook/addon-knobs");
 
 var _ = _interopRequireDefault(require("."));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var stories = (0, _react2.storiesOf)('Icons', module);
-stories.addDecorator(_react3.withKnobs);
+stories.addDecorator(_addonKnobs.withKnobs);
 stories.add('ButtonArrow', function () {
-  var fillColour = (0, _react3.color)('fill', 'black');
-  var width = (0, _react3.text)('width', '100%');
-  var height = (0, _react3.text)('height', '100%');
-  return _react.default.createElement(_.default, {
+  var fillColour = (0, _addonKnobs.color)('fill', 'black');
+  var width = (0, _addonKnobs.text)('width', '100%');
+  var height = (0, _addonKnobs.text)('height', '100%');
+  return /*#__PURE__*/_react["default"].createElement(_["default"], {
     width: width,
@@ -22,0 +22,0 @@ height: height,

lib/ButtonArrow/test.js

@@ -11,5 +11,5 @@ "use strict";
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var wrapper = _react.default.createElement(_.default, null, "Example");
+var wrapper = /*#__PURE__*/_react["default"].createElement(_["default"], null, "Example");
 
@@ -20,3 +20,3 @@ describe('ButtonArrow', function () {
 
-    _reactDom.default.render(wrapper, div);
+    _reactDom["default"].render(wrapper, div);
   });
@@ -23,0 +23,0 @@ it('matches wrapper snapshot', function () {

lib/IconImportant/index.js

 "use strict";
 
 exports.__esModule = true;
-exports.default = void 0;
+exports["default"] = void 0;
 
@@ -12,3 +12,3 @@ var _react = _interopRequireDefault(require("react"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -24,3 +24,3 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-  return _react.default.createElement(_index.default, _extends({
+  return /*#__PURE__*/_react["default"].createElement(_index["default"], _extends({
     viewBox: "0 0 35.000000 35.000000",
@@ -30,5 +30,5 @@ preserveAspectRatio: "xMidYMid meet",
     fill: fill
-  }, rest), _react.default.createElement("g", {
+  }, rest), /*#__PURE__*/_react["default"].createElement("g", {
     transform: "translate(0.000000,35.000000) scale(0.100000,-0.100000)"
-  }, _react.default.createElement("path", {
+  }, /*#__PURE__*/_react["default"].createElement("path", {
     d: "M100 332 c-87 -48 -125 -155 -82 -232 48 -87 155 -125 232 -82 87 48\n125 155 82 232 -48 87 -155 125 -232 82z m100 -122 c0 -53 -2 -60 -20 -60 -18\n0 -20 7 -20 60 0 53 2 60 20 60 18 0 20 -7 20 -60z m0 -111 c0 -12 -7 -19 -20\n-19 -19 0 -28 28 -14 43 11 11 34 -5 34 -24z"
@@ -43,4 +43,4 @@ })));
 var _default = IconImportant;
-exports.default = _default;
+exports["default"] = _default;
 module.exports = exports.default;
 //# sourceMappingURL=index.js.map

lib/IconImportant/stories.js

@@ -7,15 +7,15 @@ "use strict";
 
-var _react3 = require("@storybook/addon-knobs/react");
+var _addonKnobs = require("@storybook/addon-knobs");
 
 var _ = _interopRequireDefault(require("."));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var stories = (0, _react2.storiesOf)('Icons', module);
-stories.addDecorator(_react3.withKnobs);
+stories.addDecorator(_addonKnobs.withKnobs);
 stories.add('IconImportant', function () {
-  var fillColour = (0, _react3.color)('fill', 'black');
-  var width = (0, _react3.text)('width', '100%');
-  var height = (0, _react3.text)('height', '100%');
-  return _react.default.createElement(_.default, {
+  var fillColour = (0, _addonKnobs.color)('fill', 'black');
+  var width = (0, _addonKnobs.text)('width', '100%');
+  var height = (0, _addonKnobs.text)('height', '100%');
+  return /*#__PURE__*/_react["default"].createElement(_["default"], {
     width: width,
@@ -22,0 +22,0 @@ height: height,

lib/IconImportant/test.js

@@ -11,5 +11,5 @@ "use strict";
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var wrapper = _react.default.createElement(_.default, null, "Example");
+var wrapper = /*#__PURE__*/_react["default"].createElement(_["default"], null, "Example");
 
@@ -20,3 +20,3 @@ describe('IconImportant', function () {
 
-    _reactDom.default.render(wrapper, div);
+    _reactDom["default"].render(wrapper, div);
   });
@@ -23,0 +23,0 @@ it('matches wrapper snapshot', function () {

lib/index.js

@@ -7,29 +7,29 @@ "use strict";
 
-exports.ArrowLeft = _ArrowLeft2.default;
+exports.ArrowLeft = _ArrowLeft2["default"];
 
 var _ArrowRight2 = _interopRequireDefault(require("./ArrowRight"));
 
-exports.ArrowRight = _ArrowRight2.default;
+exports.ArrowRight = _ArrowRight2["default"];
 
 var _IconImportant2 = _interopRequireDefault(require("./IconImportant"));
 
-exports.IconImportant = _IconImportant2.default;
+exports.IconImportant = _IconImportant2["default"];
 
 var _Search2 = _interopRequireDefault(require("./Search"));
 
-exports.Search = _Search2.default;
+exports.Search = _Search2["default"];
 
 var _Spinner2 = _interopRequireDefault(require("./Spinner"));
 
-exports.Spinner = _Spinner2.default;
+exports.Spinner = _Spinner2["default"];
 
 var _ButtonArrow2 = _interopRequireDefault(require("./ButtonArrow"));
 
-exports.ButtonArrow = _ButtonArrow2.default;
+exports.ButtonArrow = _ButtonArrow2["default"];
 
 var _SVGBase2 = _interopRequireDefault(require("./SVGBase"));
 
-exports.SVGBase = _SVGBase2.default;
+exports.SVGBase = _SVGBase2["default"];
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 //# sourceMappingURL=index.js.map

lib/Search/index.js

 "use strict";
 
 exports.__esModule = true;
-exports.default = void 0;
+exports["default"] = void 0;
 
@@ -12,3 +12,3 @@ var _react = _interopRequireDefault(require("react"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -24,7 +24,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-  return _react.default.createElement(_index.default, _extends({
+  return /*#__PURE__*/_react["default"].createElement(_index["default"], _extends({
     viewBox: "0 0 57 57",
     title: title,
     fill: fill
-  }, rest), _react.default.createElement("path", {
+  }, rest), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M55.146,51.887L41.588,37.786c3.486-4.144,5.396-9.358,5.396-14.786c0-12.682-10.318-23-23-23s-23,10.318-23,23 s10.318,23,23,23c4.761,0,9.298-1.436,13.177-4.162l13.661,14.208c0.571,0.593,1.339,0.92,2.162,0.92 c0.779,0,1.518-0.297,2.079-0.837C56.255,54.982,56.293,53.08,55.146,51.887z M23.984,6c9.374,0,17,7.626,17,17s-7.626,17-17,17 s-17-7.626-17-17S14.61,6,23.984,6z"
@@ -39,4 +39,4 @@ }));
 var _default = Search;
-exports.default = _default;
+exports["default"] = _default;
 module.exports = exports.default;
 //# sourceMappingURL=index.js.map

lib/Search/stories.js

@@ -7,15 +7,15 @@ "use strict";
 
-var _react3 = require("@storybook/addon-knobs/react");
+var _addonKnobs = require("@storybook/addon-knobs");
 
 var _ = _interopRequireDefault(require("."));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var stories = (0, _react2.storiesOf)('Icons', module);
-stories.addDecorator(_react3.withKnobs);
+stories.addDecorator(_addonKnobs.withKnobs);
 stories.add('Search', function () {
-  var fillColour = (0, _react3.color)('fill', 'black');
-  var width = (0, _react3.text)('width', '100%');
-  var height = (0, _react3.text)('height', '100%');
-  return _react.default.createElement(_.default, {
+  var fillColour = (0, _addonKnobs.color)('fill', 'black');
+  var width = (0, _addonKnobs.text)('width', '100%');
+  var height = (0, _addonKnobs.text)('height', '100%');
+  return /*#__PURE__*/_react["default"].createElement(_["default"], {
     width: width,
@@ -22,0 +22,0 @@ height: height,

lib/Search/test.js

@@ -11,5 +11,5 @@ "use strict";
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var wrapper = _react.default.createElement(_.default, null, "Example");
+var wrapper = /*#__PURE__*/_react["default"].createElement(_["default"], null, "Example");
 
@@ -20,3 +20,3 @@ describe('Search', function () {
 
-    _reactDom.default.render(wrapper, div);
+    _reactDom["default"].render(wrapper, div);
   });
@@ -23,0 +23,0 @@ it('matches wrapper snapshot', function () {

lib/Spinner/index.js

 "use strict";
 
 exports.__esModule = true;
-exports.default = void 0;
+exports["default"] = void 0;
 
@@ -14,6 +14,8 @@ var _react = _interopRequireDefault(require("react"));
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -25,3 +27,3 @@
 
-var Rect = _styledComponents.default.rect.withConfig({
+var Rect = _styledComponents["default"].rect.withConfig({
   displayName: "Spinner__Rect",
@@ -37,3 +39,3 @@ componentId: "sc-1pm4zwa-0"
 
-  return _react.default.createElement(_index.default, _extends({
+  return /*#__PURE__*/_react["default"].createElement(_index["default"], _extends({
     className: className,
@@ -45,3 +47,3 @@ viewBox: "-25 -25 50 50",
   }, rest), Array(12).fill(1).map(function (el, i) {
-    return _react.default.createElement(Rect, {
+    return /*#__PURE__*/_react["default"].createElement(Rect, {
       fill: fill,
@@ -70,4 +72,4 @@ width: "12",
 var _default = Spinner;
-exports.default = _default;
+exports["default"] = _default;
 module.exports = exports.default;
 //# sourceMappingURL=index.js.map

lib/Spinner/stories.js

@@ -7,15 +7,15 @@ "use strict";
 
-var _react3 = require("@storybook/addon-knobs/react");
+var _addonKnobs = require("@storybook/addon-knobs");
 
 var _ = _interopRequireDefault(require("."));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var stories = (0, _react2.storiesOf)('Icons', module);
-stories.addDecorator(_react3.withKnobs);
+stories.addDecorator(_addonKnobs.withKnobs);
 stories.add('Spinner', function () {
-  var fillColour = (0, _react3.color)('fill', 'black');
-  var width = (0, _react3.text)('width', '100%');
-  var height = (0, _react3.text)('height', '100%');
-  return _react.default.createElement(_.default, {
+  var fillColour = (0, _addonKnobs.color)('fill', 'black');
+  var width = (0, _addonKnobs.text)('width', '100%');
+  var height = (0, _addonKnobs.text)('height', '100%');
+  return /*#__PURE__*/_react["default"].createElement(_["default"], {
     width: width,
@@ -22,0 +22,0 @@ height: height,

lib/Spinner/test.js

@@ -11,5 +11,5 @@ "use strict";
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var wrapper = _react.default.createElement(_.default, {
+var wrapper = /*#__PURE__*/_react["default"].createElement(_["default"], {
   width: "100px",
@@ -24,3 +24,3 @@ height: "100px",
 
-    _reactDom.default.render(wrapper, div);
+    _reactDom["default"].render(wrapper, div);
   });
@@ -27,0 +27,0 @@ it('matches wrapper snapshot', function () {

lib/SVGBase/index.js

 "use strict";
 
 exports.__esModule = true;
-exports.default = void 0;
+exports["default"] = void 0;
 
@@ -10,3 +10,3 @@ var _react = _interopRequireDefault(require("react"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -23,3 +23,3 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-  return _react.default.createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
     version: "1.1",
@@ -32,3 +32,3 @@ fill: fill,
     }
-  }, rest), _react.default.createElement("title", null, title), children);
+  }, rest), /*#__PURE__*/_react["default"].createElement("title", null, title), children);
 };
@@ -42,4 +42,4 @@
 var _default = SVG;
-exports.default = _default;
+exports["default"] = _default;
 module.exports = exports.default;
 //# sourceMappingURL=index.js.map

lib/SVGBase/stories.js

@@ -7,15 +7,15 @@ "use strict";
 
-var _react3 = require("@storybook/addon-knobs/react");
+var _addonKnobs = require("@storybook/addon-knobs");
 
 var _ = _interopRequireDefault(require("."));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var stories = (0, _react2.storiesOf)('Icons', module);
-stories.addDecorator(_react3.withKnobs);
+stories.addDecorator(_addonKnobs.withKnobs);
 stories.add('SVGBase', function () {
-  var fill = (0, _react3.color)('fill', 'transparent');
-  var stroke = (0, _react3.color)('stroke', 'orange');
-  var viewBox = (0, _react3.text)('viewBox', '0 0 500 500');
-  return _react.default.createElement(_.default, {
+  var fill = (0, _addonKnobs.color)('fill', 'transparent');
+  var stroke = (0, _addonKnobs.color)('stroke', 'orange');
+  var viewBox = (0, _addonKnobs.text)('viewBox', '0 0 500 500');
+  return /*#__PURE__*/_react["default"].createElement(_["default"], {
     viewBox: viewBox,
@@ -25,3 +25,3 @@ title: "Example of SVGBase",
     stroke: stroke
-  }, _react.default.createElement("polygon", {
+  }, /*#__PURE__*/_react["default"].createElement("polygon", {
     points: "250,60 100,400 400,400"
@@ -28,0 +28,0 @@ }));

lib/SVGBase/test.js

@@ -11,5 +11,5 @@ "use strict";
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var wrapper = _react.default.createElement(_.default, null, "Example");
+var wrapper = /*#__PURE__*/_react["default"].createElement(_["default"], null, "Example");
 
@@ -20,3 +20,3 @@ describe('SVG', function () {
 
-    _reactDom.default.render(wrapper, div);
+    _reactDom["default"].render(wrapper, div);
   });
@@ -23,0 +23,0 @@ it('matches wrapper snapshot', function () {

lib/test.js

@@ -9,6 +9,8 @@ "use strict";
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 // every export from @govuk-react/icons should be a React component that renders an SVG
@@ -32,3 +34,3 @@ // icons should be stateless therefore should be a function
       expect(typeof Component).toBe('function');
-      expect((0, _enzyme.mount)(_react.default.createElement(Component, null)).find('svg')).toHaveLength(1);
+      expect((0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(Component, null)).find('svg')).toHaveLength(1);
     });
@@ -35,0 +37,0 @@ };

package.json

 {
   "name": "@govuk-react/icons",
-  "version": "0.7.1",
+  "version": "0.8.0",
   "dependencies": {
-    "@govuk-react/constants": "^0.7.1",
-    "govuk-colours": "^1.0.3"
+    "@govuk-react/constants": "^0.8.0",
+    "govuk-colours": "^1.1.0"
   },
   "peerDependencies": {
     "react": ">=16.2.0",
-    "styled-components": ">=4"
+    "styled-components": ">=5.1"
   },
@@ -12,0 +12,0 @@ "scripts": {

src/ArrowLeft/stories.js

 import React from 'react';
 import { storiesOf } from '@storybook/react';
-import { withKnobs, color, text } from '@storybook/addon-knobs/react';
+import { withKnobs, color, text } from '@storybook/addon-knobs';
 
@@ -5,0 +5,0 @@ import ArrowLeft from '.';

src/ArrowRight/stories.js

 import React from 'react';
 import { storiesOf } from '@storybook/react';
-import { withKnobs, color, text } from '@storybook/addon-knobs/react';
+import { withKnobs, color, text } from '@storybook/addon-knobs';
 
@@ -5,0 +5,0 @@ import ArrowRight from '.';

src/ButtonArrow/stories.js

 import React from 'react';
 import { storiesOf } from '@storybook/react';
-import { withKnobs, color, text } from '@storybook/addon-knobs/react';
+import { withKnobs, color, text } from '@storybook/addon-knobs';
 
@@ -5,0 +5,0 @@ import ButtonArrow from '.';

src/IconImportant/stories.js

 import React from 'react';
 import { storiesOf } from '@storybook/react';
-import { withKnobs, color, text } from '@storybook/addon-knobs/react';
+import { withKnobs, color, text } from '@storybook/addon-knobs';
 
@@ -5,0 +5,0 @@ import IconImportant from '.';

src/Search/stories.js

 import React from 'react';
 import { storiesOf } from '@storybook/react';
-import { withKnobs, color, text } from '@storybook/addon-knobs/react';
+import { withKnobs, color, text } from '@storybook/addon-knobs';
 
@@ -5,0 +5,0 @@ import Search from '.';

src/Spinner/stories.js

 import React from 'react';
 import { storiesOf } from '@storybook/react';
-import { withKnobs, color, text } from '@storybook/addon-knobs/react';
+import { withKnobs, color, text } from '@storybook/addon-knobs';
 
@@ -5,0 +5,0 @@ import Spinner from '.';

src/SVGBase/stories.js

 import React from 'react';
 import { storiesOf } from '@storybook/react';
-import { withKnobs, color, text } from '@storybook/addon-knobs/react';
+import { withKnobs, color, text } from '@storybook/addon-knobs';
 
@@ -5,0 +5,0 @@ import SVGBase from '.';

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

Lines of code

1400

increased by0.43%

Worsened metrics

Total package byte prevSize

138045

decreased by-12.12%

Dependency changes

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

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

• Updated@govuk-react/constants@^0.8.0

• Updatedgovuk-colours@^1.1.0