@vtex/styleguide - npm Package Compare versions

Comparing version 2.0.0-rc.18 to 2.0.0-rc.19

lib/Alert/index.js

@@ -68,2 +68,3 @@ 'use strict';
       var color = _config2.default.colors['serious-black'];
+      var closeBtnColor = 'near-black';
 
@@ -77,4 +78,2 @@ switch (type) {
             color = _config2.default.colors['green'];
-            width = 14;
-            height = 14;
             break;
@@ -88,4 +87,2 @@ }
             color = _config2.default.colors['red'];
-            width = 14;
-            height = 14;
             break;
@@ -99,4 +96,2 @@ }
             color = _config2.default.colors['yellow'];
-            width = 14;
-            height = 14;
             break;
@@ -108,4 +103,3 @@ }
             color = _config2.default.colors['white'];
-            width = 8;
-            height = 8;
+            closeBtnColor = _config2.default.colors['white'];
             break;
@@ -116,3 +110,2 @@ }
             classes += 'bg-near-white ';
-            closeClass += 'blue ';
             break;
@@ -128,3 +121,3 @@ }
           { className: 'flex items-center' },
-          showIcon && _react2.default.createElement(_Icon2.default, { type: icon, fill: color, height: height, width: width }),
+          showIcon && _react2.default.createElement(_Icon2.default, { type: icon, fill: color, height: 18, width: 18 }),
           _react2.default.createElement(
@@ -138,4 +131,4 @@ 'div',
           'div',
-          { className: 'pointer ' + closeClass, onClick: onClose },
-          _react2.default.createElement(_Icon2.default, { type: 'close', height: height, width: width, fill: color })
+          { className: 'pointer flex items-center pv2 ' + closeClass, onClick: onClose },
+          _react2.default.createElement(_Icon2.default, { type: 'close', height: 10, width: 10, fill: closeBtnColor })
         )
@@ -142,0 +135,0 @@ );

lib/Button/index.js

@@ -69,3 +69,3 @@ 'use strict';
 
-      var classes = 'fw5 ttu br2 fw4 f7 ';
+      var classes = 'fw5 ttu br2 fw4 f6 ';
 
@@ -75,3 +75,3 @@ classes += isIconButton ? 'icon-button pa3 dib ' : 'pv3 ph5 ';
       if (!secondary && !primary && !disabled) {
-        classes += 'bw1 ba b--white blue hover-bg-light-silver hover-b--light-silver ';
+        classes += 'bn blue bg-transparent hover-heavy-blue ';
       }
@@ -78,0 +78,0 @@

lib/Icon/Warning/index.js

@@ -45,3 +45,3 @@ 'use strict';
         {
-          viewBox: '0 0 14 14',
+          viewBox: '0 0 16 16',
           xmlns: 'http://www.w3.org/2000/svg',
@@ -54,4 +54,5 @@ width: width,
           { fill: fill },
-          _react2.default.createElement('path', { d: 'M3.5 6.125h7v1.75h-7z' }),
-          _react2.default.createElement('path', { d: 'M7 0C3.15 0 0 3.15 0 7s3.15 7 7 7 7-3.15 7-7-3.15-7-7-7zm0 12.25c-2.888 0-5.25-2.363-5.25-5.25 0-2.888 2.362-5.25 5.25-5.25 2.887 0 5.25 2.362 5.25 5.25 0 2.887-2.363 5.25-5.25 5.25z' })
+          _react2.default.createElement('path', { d: 'M8,0C3.6,0,0,3.6,0,8s3.6,8,8,8s8-3.6,8-8S12.4,0,8,0z M8,14c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6 S11.3,14,8,14z' }),
+          _react2.default.createElement('rect', { x: '7', y: '4', width: '2', height: '5' }),
+          _react2.default.createElement('circle', { cx: '8', cy: '11', r: '1' })
         )
@@ -58,0 +59,0 @@ );

lib/Input/index.js

@@ -95,3 +95,3 @@ 'use strict';
       } else {
-        classes += 'pointer bg-white ';
+        classes += 'bg-white ';
       }
@@ -98,0 +98,0 @@

package.json

 {
   "name": "@vtex/styleguide",
-  "version": "2.0.0-rc.18",
+  "version": "2.0.0-rc.19",
   "scripts": {
@@ -37,4 +37,4 @@ "test": "react-scripts test --env=jsdom",
   "dependencies": {
-    "vtex-tachyons": "^1.0.3"
+    "vtex-tachyons": "^2.3.0"
   }
 }

No alert changes

Worsened metrics

Total package byte prevSize

49998

decreased by-0.24%

Lines of code

984

decreased by-0.61%

Dependency changes

• + Addedvtex-tachyons@2.10.0(transitive)

• - Removedvtex-tachyons@1.0.5(transitive)

• Updatedvtex-tachyons@^2.3.0