@govuk-react/search-box - npm Package Compare versions

Comparing version 0.5.1 to 0.6.0-alpha.0

es/index.js

@@ -6,3 +6,3 @@ 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 PropTypes from 'prop-types';
-import styled from 'react-emotion';
+import styled from 'styled-components';
 import { LIGHT_BLUE, GREY_2, WHITE, YELLOW } from 'govuk-colours';
@@ -12,8 +12,3 @@ import { NTA_LIGHT } from '@govuk-react/constants';
 import { withWhiteSpace } from '@govuk-react/hoc';
-var SearchBoxWrapper =
-/*#__PURE__*/
-styled('div', {
-  target: "e15a2v1p0",
-  label: "SearchBoxWrapper"
-})({
+var SearchBoxWrapper = styled('div')({
   boxSizing: 'border-box',
@@ -25,8 +20,3 @@ display: 'flex',
 
-var InputSearchBox =
-/*#__PURE__*/
-styled('input', {
-  target: "e15a2v1p1",
-  label: "InputSearchBox"
-})({
+var InputSearchBox = styled('input')({
   width: '100%',
@@ -56,8 +46,3 @@ height: '40px',
 });
-var SearchButton =
-/*#__PURE__*/
-styled('button', {
-  target: "e15a2v1p2",
-  label: "SearchButton"
-})({
+var SearchButton = styled('button')({
   backgroundColor: LIGHT_BLUE,
@@ -64,0 +49,0 @@ border: 0,

es/test.js

@@ -9,3 +9,3 @@ import React from 'react';
 }, example);
-describe(SearchBox, function () {
+describe('SearchBox', function () {
   it('renders without crashing', function () {
@@ -12,0 +12,0 @@ var div = document.createElement('div');

lib/index.js

@@ -10,3 +10,3 @@ "use strict";
 
-var _reactEmotion = _interopRequireDefault(require("react-emotion"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -25,8 +25,3 @@ var _govukColours = require("govuk-colours");
 
-var SearchBoxWrapper =
-/*#__PURE__*/
-(0, _reactEmotion.default)('div', {
-  target: "e15a2v1p0",
-  label: "SearchBoxWrapper"
-})({
+var SearchBoxWrapper = (0, _styledComponents.default)('div')({
   boxSizing: 'border-box',
@@ -38,8 +33,3 @@ display: 'flex',
 
-var InputSearchBox =
-/*#__PURE__*/
-(0, _reactEmotion.default)('input', {
-  target: "e15a2v1p1",
-  label: "InputSearchBox"
-})({
+var InputSearchBox = (0, _styledComponents.default)('input')({
   width: '100%',
@@ -69,8 +59,3 @@ height: '40px',
 });
-var SearchButton =
-/*#__PURE__*/
-(0, _reactEmotion.default)('button', {
-  target: "e15a2v1p2",
-  label: "SearchButton"
-})({
+var SearchButton = (0, _styledComponents.default)('button')({
   backgroundColor: _govukColours.LIGHT_BLUE,
@@ -77,0 +62,0 @@ border: 0,

lib/test.js

@@ -19,3 +19,3 @@ "use strict";
 
-describe(_.default, function () {
+describe('SearchBox', function () {
   it('renders without crashing', function () {
@@ -22,0 +22,0 @@ var div = document.createElement('div');

package.json

 {
   "name": "@govuk-react/search-box",
-  "version": "0.5.1",
+  "version": "0.6.0-alpha.0",
   "dependencies": {
-    "@govuk-react/constants": "^0.5.1",
-    "@govuk-react/hoc": "^0.5.1",
-    "@govuk-react/icons": "^0.5.1",
+    "@govuk-react/constants": "^0.6.0-alpha.0",
+    "@govuk-react/hoc": "^0.6.0-alpha.0",
+    "@govuk-react/icons": "^0.6.0-alpha.0",
     "govuk-colours": "^1.0.3"
   },
   "peerDependencies": {
-    "emotion": ">=9",
     "react": ">=16.2.0",
-    "react-emotion": ">=9"
+    "styled-components": ">=4"
   },
@@ -15,0 +14,0 @@ "scripts": {

src/index.js

@@ -5,3 +5,3 @@ // https://govuk-static.herokuapp.com/component-guide/search
 import PropTypes from 'prop-types';
-import styled from 'react-emotion';
+import styled from 'styled-components';
 import { LIGHT_BLUE, GREY_2, WHITE, YELLOW } from 'govuk-colours';
@@ -8,0 +8,0 @@ import { NTA_LIGHT } from '@govuk-react/constants';

src/test.js

@@ -10,3 +10,3 @@ import React from 'react';
 
-describe(SearchBox, () => {
+describe('SearchBox', () => {
   it('renders without crashing', () => {
@@ -13,0 +13,0 @@ const div = document.createElement('div');

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

41837

increased by11.22%

Dependency count

6

decreased by-14.29%

Worsened metrics

Lines of code

403

decreased by-6.93%

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@govuk-react/hoc@0.6.0(transitive)

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

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

• + Added@govuk-react/link@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.7(transitive)

• + Addedpicocolors@1.1.1(transitive)

• + Addedpostcss@8.4.38(transitive)

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

• + Addedreact-dom@18.3.1(transitive)

• + Addedscheduler@0.23.2(transitive)

• + Addedshallowequal@1.1.0(transitive)

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

• + Addedstyled-components@6.1.13(transitive)

• + Addedstylis@4.3.2(transitive)

• + Addedtslib@2.6.2(transitive)

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

• - Removed@govuk-react/hoc@0.5.1(transitive)

• - Removed@govuk-react/icons@0.5.1(transitive)

• - Removed@govuk-react/lib@0.5.1(transitive)

• - Removedemotion@11.0.0(transitive)

• - Removedreact-emotion@10.0.0(transitive)

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

• Updated@govuk-react/hoc@^0.6.0-alpha.0

• Updated@govuk-react/icons@^0.6.0-alpha.0