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

Comparing version 0.2.0 to 0.2.1

es/index.js

@@ -5,3 +5,3 @@ // https://govuk-static.herokuapp.com/component-guide/search
 import styled from 'react-emotion';
-import { LIGHT_BLUE, WHITE, YELLOW } from 'govuk-colours';
+import { LIGHT_BLUE, GREY_2, WHITE, YELLOW } from 'govuk-colours';
 import { NTA_LIGHT } from '@govuk-react/constants';
@@ -22,3 +22,3 @@ import { Search } from '@govuk-react/icons';
   margin: 0,
-  border: 'solid 1px #bfc1c3',
+  border: "solid 1px " + GREY_2,
   borderRight: 0,
@@ -31,3 +31,3 @@ boxSizing: 'border-box',
   lineHeight: '1.75',
-  background: '#fff',
+  background: WHITE,
   borderRadius: 0,
@@ -48,3 +48,3 @@ WebkitAppearance: 'none',
   display: 'block',
-  color: '#fff',
+  color: WHITE,
   position: 'relative',
@@ -56,3 +56,3 @@ padding: '10px',
   backgroundPosition: '2px 50%',
-  textIndent: '-5000px',
+  textIndent: '-999em',
   overflow: 'hidden',
@@ -76,3 +76,3 @@ ':focus': {
   }, React.createElement(Search, {
-    colour: "#fff"
+    fill: WHITE
   })));
@@ -79,0 +79,0 @@ };

lib/index.js

@@ -35,3 +35,3 @@ "use strict";
   margin: 0,
-  border: 'solid 1px #bfc1c3',
+  border: "solid 1px " + _govukColours.GREY_2,
   borderRight: 0,
@@ -44,3 +44,3 @@ boxSizing: 'border-box',
   lineHeight: '1.75',
-  background: '#fff',
+  background: _govukColours.WHITE,
   borderRadius: 0,
@@ -61,3 +61,3 @@ WebkitAppearance: 'none',
   display: 'block',
-  color: '#fff',
+  color: _govukColours.WHITE,
   position: 'relative',
@@ -69,3 +69,3 @@ padding: '10px',
   backgroundPosition: '2px 50%',
-  textIndent: '-5000px',
+  textIndent: '-999em',
   overflow: 'hidden',
@@ -89,3 +89,3 @@ ':focus': {
   }, _react.default.createElement(_icons.Search, {
-    colour: "#fff"
+    fill: _govukColours.WHITE
   })));
@@ -92,0 +92,0 @@ };

package.json

 {
   "name": "@govuk-react/search-box",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "dependencies": {
-    "@govuk-react/constants": "^0.2.0",
-    "@govuk-react/hoc": "^0.2.0",
-    "@govuk-react/icons": "^0.2.0",
+    "@govuk-react/constants": "^0.2.1",
+    "@govuk-react/hoc": "^0.2.1",
+    "@govuk-react/icons": "^0.2.1",
     "govuk-colours": "^1.0.3"
@@ -9,0 +9,0 @@ },

src/index.js

@@ -6,3 +6,3 @@ // https://govuk-static.herokuapp.com/component-guide/search
 import styled from 'react-emotion';
-import { LIGHT_BLUE, WHITE, YELLOW } from 'govuk-colours';
+import { LIGHT_BLUE, GREY_2, WHITE, YELLOW } from 'govuk-colours';
 import { NTA_LIGHT } from '@govuk-react/constants';
@@ -26,3 +26,3 @@
   margin: 0,
-  border: 'solid 1px #bfc1c3',
+  border: `solid 1px ${GREY_2}`,
   borderRight: 0,
@@ -35,3 +35,3 @@ boxSizing: 'border-box',
   lineHeight: '1.75',
-  background: '#fff',
+  background: WHITE,
   borderRadius: 0,
@@ -53,3 +53,3 @@ WebkitAppearance: 'none',
   display: 'block',
-  color: '#fff',
+  color: WHITE,
   position: 'relative',
@@ -61,3 +61,3 @@ padding: '10px',
   backgroundPosition: '2px 50%',
-  textIndent: '-5000px',
+  textIndent: '-999em',
   overflow: 'hidden',
@@ -74,3 +74,3 @@ ':focus': {
     <SearchButton title="Search">
-      <Search colour="#fff" />
+      <Search fill={WHITE} />
     </SearchButton>
@@ -77,0 +77,0 @@ </SearchBoxWrapper>

No alert changes

Improved metrics

Total package byte prevSize

33429

increased by0.07%

Dependency changes

• Updated@govuk-react/constants@^0.2.1

• Updated@govuk-react/hoc@^0.2.1

• Updated@govuk-react/icons@^0.2.1