grommet-index - npm Package Compare versions

Comparing version 1.0.3 to 1.1.0

components/Filters.js

@@ -245,26 +245,31 @@ 'use strict';
         _react2.default.createElement(
-          _Header2.default,
-          { size: 'large', pad: { horizontal: 'medium' }, justify: 'between' },
+          _Box2.default,
+          { full: true },
           _react2.default.createElement(
-            _Box2.default,
-            { pad: { horizontal: 'medium' } },
-            heading
+            _Header2.default,
+            { size: 'large', pad: { horizontal: 'medium' }, justify: 'between' },
+            _react2.default.createElement(
+              _Box2.default,
+              { pad: { horizontal: 'medium' } },
+              heading
+            ),
+            _react2.default.createElement(
+              _Box2.default,
+              { className: CLASS_ROOT + '__filters', flex: false },
+              _react2.default.createElement(_Button2.default, { icon: icon, plain: true, onClick: this.props.onClose }),
+              this._renderCounts()
+            )
           ),
           _react2.default.createElement(
             _Box2.default,
-            { className: CLASS_ROOT + '__filters', flex: false },
-            _react2.default.createElement(_Button2.default, { icon: icon, plain: true, onClick: this.props.onClose }),
-            this._renderCounts()
-          )
-        ),
-        _react2.default.createElement(
-          _Box2.default,
-          {
-            direction: direction,
-            pad: { horizontal: 'large', between: 'medium' },
-            className: classNames.join(' ') },
-          filters,
-          sort
-        ),
-        _react2.default.createElement(_Footer2.default, null)
+            {
+              flex: false,
+              direction: direction,
+              pad: { horizontal: 'large', between: 'medium' },
+              className: classNames.join(' ') },
+            filters,
+            sort
+          ),
+          _react2.default.createElement(_Footer2.default, null)
+        )
       );
@@ -271,0 +276,0 @@ }

package.json

 {
   "name": "grommet-index",
-  "version": "1.0.3",
+  "version": "1.1.0",
   "main": "src/js/index.js",
@@ -22,3 +22,3 @@ "description": "Grommet UI and example server for searching, filtering, and displaying mass quantities of items.",
     "debounce": "^1.0.0",
-    "grommet": "^1.2.1"
+    "grommet": "^1.3.0"
   },
@@ -25,0 +25,0 @@ "devDependencies": {

No alert changes

Improved metrics

Total package byte prevSize

523086

increased by15.9%

Lines of code

4212

increased by5.94%

Dependency changes

• Updatedgrommet@^1.3.0