@govuk-react/hint-text - npm Package Compare versions

Comparing version 0.1.27 to 0.1.28

es/index.js

@@ -10,3 +10,4 @@ var _glamorous$span;
 import * as 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 GHintText = glamorous.span((_glamorous$span = {
@@ -20,8 +21,7 @@ display: 'block',
   fontSize: FONT_SIZE.SIZE_16,
-  lineHeight: '20px',
-  color: "" + COLOUR.GREY_1
+  lineHeight: LINE_HEIGHT.SIZE_16
 }, _glamorous$span[MEDIA_QUERIES.LARGESCREEN] = {
   fontSize: FONT_SIZE.SIZE_19,
-  lineHeight: '25px'
-}, _glamorous$span));
+  lineHeight: LINE_HEIGHT.SIZE_19
+}, _glamorous$span.color = "" + COLOUR.GREY_1, _glamorous$span));
 
@@ -38,3 +38,5 @@ var HintText = function HintText(_ref) {
 } : {};
-export default HintText;
+export default withWhiteSpace({
+  marginBottom: 0
+})(HintText);
 //# 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");
@@ -33,8 +35,7 @@
   fontSize: _constants.FONT_SIZE.SIZE_16,
-  lineHeight: '20px',
-  color: "" + COLOUR.GREY_1
+  lineHeight: _constants.LINE_HEIGHT.SIZE_16
 }, _glamorous$span[_constants.MEDIA_QUERIES.LARGESCREEN] = {
   fontSize: _constants.FONT_SIZE.SIZE_19,
-  lineHeight: '25px'
-}, _glamorous$span));
+  lineHeight: _constants.LINE_HEIGHT.SIZE_19
+}, _glamorous$span.color = "" + COLOUR.GREY_1, _glamorous$span));
 
@@ -51,5 +52,9 @@ var HintText = function HintText(_ref) {
 } : {};
-var _default = HintText;
+
+var _default = (0, _hoc.withWhiteSpace)({
+  marginBottom: 0
+})(HintText);
+
 exports.default = _default;
 module.exports = exports["default"];
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@govuk-react/hint-text",
-  "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 * as 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';
 
@@ -18,8 +24,8 @@ const GHintText = glamorous.span({
   fontSize: FONT_SIZE.SIZE_16,
-  lineHeight: '20px',
-  color: `${COLOUR.GREY_1}`,
+  lineHeight: LINE_HEIGHT.SIZE_16,
   [MEDIA_QUERIES.LARGESCREEN]: {
     fontSize: FONT_SIZE.SIZE_19,
-    lineHeight: '25px',
+    lineHeight: LINE_HEIGHT.SIZE_19,
   },
+  color: `${COLOUR.GREY_1}`,
 });
@@ -36,2 +42,2 @@
 
-export default HintText;
+export default withWhiteSpace({ marginBottom: 0 })(HintText);

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

20985

increased by5.2%

Dev dependency count

0

decreased by-100%

Lines of code

202

increased by5.21%

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