@vtex/styleguide - npm Package Compare versions

Comparing version 2.0.0-rc.5 to 2.0.0-rc.6

lib/Spinner/index.js

@@ -1,2 +0,2 @@
-"use strict";
+'use strict';
 
@@ -7,42 +7,44 @@ Object.defineProperty(exports, "__esModule", {
 
-var _react = require("react");
+var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+require('./index.css');
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var Spinner = function Spinner() {
+var Spinner = function Spinner(_ref) {
+  var secondary = _ref.secondary;
   return _react2.default.createElement(
-    "svg",
+    'svg',
     {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 100 100",
-      preserveAspectRatio: "xMidYMid"
+      className: 'spinner',
+      viewBox: '0 0 66 66',
+      xmlns: 'http://www.w3.org/2000/svg'
     },
-    _react2.default.createElement(
-      "circle",
-      {
-        cx: "50",
-        cy: "50",
-        fill: "none",
-        stroke: "#3791E6",
-        strokeWidth: "10",
-        r: "40",
-        strokeDasharray: "188.49555921538757 64.83185307179586",
-        transform: "rotate(96 50 50)"
-      },
-      _react2.default.createElement("animateTransform", {
-        attributeName: "transform",
-        type: "rotate",
-        calcMode: "linear",
-        values: "0 50 50;360 50 50",
-        keyTimes: "0;1",
-        dur: "1s",
-        begin: "0s",
-        repeatCount: "indefinite"
-      })
-    )
+    _react2.default.createElement('circle', {
+      className: 'path',
+      stroke: secondary ? 'white' : '#3791e6',
+      fill: 'none',
+      strokeWidth: '6',
+      strokeLinecap: 'round',
+      cx: '33',
+      cy: '33',
+      r: '30'
+    })
   );
 };
 
+Spinner.defaultProps = {
+  secondary: false
+};
+
+Spinner.propTypes = {
+  secondary: _propTypes2.default.bool
+};
+
 exports.default = Spinner;

package.json

 {
   "name": "@vtex/styleguide",
-  "version": "2.0.0-rc.5",
+  "version": "2.0.0-rc.6",
   "scripts": {
@@ -10,8 +10,9 @@ "test": "react-scripts test --env=jsdom",
     "styleguide:build": "styleguidist build",
-    "compile":
-      "NODE_ENV=production babel --plugins transform-es2015-modules-commonjs ./src/components --out-dir ./lib --ignore '__tests__,*.spec.js'",
+    "compile": "NODE_ENV=production babel --plugins transform-es2015-modules-commonjs ./src/components --out-dir ./lib --ignore '__tests__,*.spec.js'",
     "prepublishOnly": "npm run compile",
     "develop": "npm link && watch 'npm run compile' src"
   },
-  "files": ["lib/"],
+  "files": [
+    "lib/"
+  ],
   "homepage": "https://vtex.github.io/styleguide",
@@ -18,0 +19,0 @@ "devDependencies": {

No alert changes

Worsened metrics

Total package byte prevSize

43498

decreased by-0.21%

Lines of code

874

decreased by-0.34%

No dependency changes