@govuk-react/input - npm Package Compare versions

Comparing version 0.1.27 to 0.1.28

es/index.js

@@ -8,3 +8,4 @@ var _glamorous$input;
 import { BLACK, YELLOW, ERROR_COLOUR } from 'govuk-colours';
-import { FONT_SIZE, MEDIA_QUERIES, NTA_LIGHT } from '@govuk-react/constants';
+import { withWhiteSpace } from '@govuk-react/hoc';
+import { FONT_SIZE, LINE_HEIGHT, MEDIA_QUERIES, NTA_LIGHT } from '@govuk-react/constants';
 var GInput = glamorous.input((_glamorous$input = {
@@ -18,11 +19,8 @@ boxSizing: 'border-box',
   fontSize: FONT_SIZE.SIZE_16,
-  lineHeight: '20px',
-  width: '100%',
-  padding: '5px 4px 4px',
-  border: "2px solid " + BLACK
+  lineHeight: LINE_HEIGHT.SIZE_16
 }, _glamorous$input[MEDIA_QUERIES.LARGESCREEN] = {
-  width: '50%',
   fontSize: FONT_SIZE.SIZE_19,
-  lineHeight: '25px'
-}, _glamorous$input['[disabled]'] = {
+  lineHeight: LINE_HEIGHT.SIZE_19,
+  width: '50%'
+}, _glamorous$input.width = '100%', _glamorous$input.padding = '5px 4px 4px', _glamorous$input.border = "2px solid " + BLACK, _glamorous$input['[disabled]'] = {
   cursor: 'auto'
@@ -56,3 +54,5 @@ }, _glamorous$input[':focus'] = {
 } : {};
-export default Input;
+export default withWhiteSpace({
+  marginBottom: 0
+})(Input);
 //# sourceMappingURL=index.js.map

lib/index.js

@@ -14,2 +14,4 @@ "use strict";
 
+var _hoc = require("@govuk-react/hoc");
+
 var _constants = require("@govuk-react/constants");
@@ -29,11 +31,8 @@
   fontSize: _constants.FONT_SIZE.SIZE_16,
-  lineHeight: '20px',
-  width: '100%',
-  padding: '5px 4px 4px',
-  border: "2px solid " + _govukColours.BLACK
+  lineHeight: _constants.LINE_HEIGHT.SIZE_16
 }, _glamorous$input[_constants.MEDIA_QUERIES.LARGESCREEN] = {
-  width: '50%',
   fontSize: _constants.FONT_SIZE.SIZE_19,
-  lineHeight: '25px'
-}, _glamorous$input['[disabled]'] = {
+  lineHeight: _constants.LINE_HEIGHT.SIZE_19,
+  width: '50%'
+}, _glamorous$input.width = '100%', _glamorous$input.padding = '5px 4px 4px', _glamorous$input.border = "2px solid " + _govukColours.BLACK, _glamorous$input['[disabled]'] = {
   cursor: 'auto'
@@ -67,5 +66,9 @@ }, _glamorous$input[':focus'] = {
 } : {};
-var _default = Input;
+
+var _default = (0, _hoc.withWhiteSpace)({
+  marginBottom: 0
+})(Input);
+
 exports.default = _default;
 module.exports = exports["default"];
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@govuk-react/input",
-  "version": "0.1.27",
+  "version": "0.1.28",
   "dependencies": {
-    "@govuk-react/constants": "^0.1.26",
+    "@govuk-react/constants": "^0.1.28",
+    "@govuk-react/hoc": "^0.1.28",
     "govuk-colours": "^1.0.3"
@@ -13,12 +14,2 @@ },
   },
-  "devDependencies": {
-    "@babel/cli": "^7.0.0-beta.40",
-    "@govuk-react/api-docs": "^0.1.27",
-    "@storybook/addon-actions": "^3.3.14",
-    "@storybook/react": "^3.3.14",
-    "cross-env": "^5.1.4",
-    "enzyme": "^3.3.0",
-    "react-dom": "^16.2.0",
-    "rimraf": "^2.6.2"
-  },
   "scripts": {
@@ -25,0 +16,0 @@ "build": "npm run build:lib && npm run build:es",

src/index.js

@@ -7,3 +7,9 @@ // https://github.com/alphagov/govuk-frontend/tree/master/src/components/
 import { BLACK, YELLOW, ERROR_COLOUR } from 'govuk-colours';
-import { FONT_SIZE, MEDIA_QUERIES, NTA_LIGHT } from '@govuk-react/constants';
+import { withWhiteSpace } from '@govuk-react/hoc';
+import {
+  FONT_SIZE,
+  LINE_HEIGHT,
+  MEDIA_QUERIES,
+  NTA_LIGHT,
+} from '@govuk-react/constants';
 
@@ -19,11 +25,11 @@ const GInput = glamorous.input(
     fontSize: FONT_SIZE.SIZE_16,
-    lineHeight: '20px',
+    lineHeight: LINE_HEIGHT.SIZE_16,
+    [MEDIA_QUERIES.LARGESCREEN]: {
+      fontSize: FONT_SIZE.SIZE_19,
+      lineHeight: LINE_HEIGHT.SIZE_19,
+      width: '50%',
+    },
     width: '100%',
     padding: '5px 4px 4px',
     border: `2px solid ${BLACK}`,
-    [MEDIA_QUERIES.LARGESCREEN]: {
-      width: '50%',
-      fontSize: FONT_SIZE.SIZE_19,
-      lineHeight: '25px',
-    },
     '[disabled]': {
@@ -58,2 +64,2 @@ cursor: 'auto',
 
-export default Input;
+export default withWhiteSpace({ marginBottom: 0 })(Input);

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

29521

increased by6.78%

Dev dependency count

0

decreased by-100%

Lines of code

331

increased by1.85%

Worsened metrics

Dependency count

6

increased by20%

Dependency changes

• + Added@govuk-react/hoc@^0.1.28

• + Added@govuk-react/hoc@0.1.28(transitive)

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

• Updated@govuk-react/constants@^0.1.28