@govuk-react/input - npm Package Compare versions

Comparing version 0.5.1 to 0.6.0-alpha.0

es/index.js

@@ -7,3 +7,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); }
 import PropTypes from 'prop-types';
-import styled from 'react-emotion';
+import styled from 'styled-components';
 import { BLACK, ERROR_COLOUR } from 'govuk-colours';
@@ -13,8 +13,3 @@ import { withWhiteSpace } from '@govuk-react/hoc';
 import { typography } from '@govuk-react/lib';
-export var StyledInput =
-/*#__PURE__*/
-styled('input', {
-  target: "e165yw40",
-  label: "StyledInput"
-})(typography.font({
+export var StyledInput = styled('input')(typography.font({
   size: 19
@@ -21,0 +16,0 @@ }), FOCUSABLE, {

lib/index.js

@@ -10,3 +10,3 @@ "use strict";
 
-var _reactEmotion = _interopRequireDefault(require("react-emotion"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -27,8 +27,3 @@ var _govukColours = require("govuk-colours");
 
-var StyledInput =
-/*#__PURE__*/
-(0, _reactEmotion.default)('input', {
-  target: "e165yw40",
-  label: "StyledInput"
-})(_lib.typography.font({
+var StyledInput = (0, _styledComponents.default)('input')(_lib.typography.font({
   size: 19
@@ -35,0 +30,0 @@ }), _constants.FOCUSABLE, {

package.json

 {
   "name": "@govuk-react/input",
-  "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/lib": "^0.5.1",
+    "@govuk-react/constants": "^0.6.0-alpha.0",
+    "@govuk-react/hoc": "^0.6.0-alpha.0",
+    "@govuk-react/lib": "^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

 import React from 'react';
 import PropTypes from 'prop-types';
-import styled from 'react-emotion';
+import styled from 'styled-components';
 
@@ -5,0 +5,0 @@ import { BLACK, ERROR_COLOUR } from 'govuk-colours';

No alert changes

Improved metrics

Total package byte prevSize

36701

increased by24.19%

Dependency count

6

decreased by-14.29%

Worsened metrics

Lines of code

309

decreased by-3.13%

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.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.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/lib@^0.6.0-alpha.0