@vtex/styleguide
Advanced tools
Comparing version 2.0.0-rc.6 to 2.0.0-rc.7
@@ -1,2 +0,2 @@ | ||
'use strict'; | ||
"use strict"; | ||
@@ -7,44 +7,42 @@ 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(_ref) { | ||
var secondary = _ref.secondary; | ||
var Spinner = function Spinner() { | ||
return _react2.default.createElement( | ||
'svg', | ||
"svg", | ||
{ | ||
className: 'spinner', | ||
viewBox: '0 0 66 66', | ||
xmlns: 'http://www.w3.org/2000/svg' | ||
xmlns: "http://www.w3.org/2000/svg", | ||
viewBox: "0 0 100 100", | ||
preserveAspectRatio: "xMidYMid" | ||
}, | ||
_react2.default.createElement('circle', { | ||
className: 'path', | ||
stroke: secondary ? 'white' : '#3791e6', | ||
fill: 'none', | ||
strokeWidth: '6', | ||
strokeLinecap: 'round', | ||
cx: '33', | ||
cy: '33', | ||
r: '30' | ||
}) | ||
_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" | ||
}) | ||
) | ||
); | ||
}; | ||
Spinner.defaultProps = { | ||
secondary: false | ||
}; | ||
Spinner.propTypes = { | ||
secondary: _propTypes2.default.bool | ||
}; | ||
exports.default = Spinner; |
{ | ||
"name": "@vtex/styleguide", | ||
"version": "2.0.0-rc.6", | ||
"version": "2.0.0-rc.7", | ||
"scripts": { | ||
@@ -10,9 +10,8 @@ "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", | ||
@@ -19,0 +18,0 @@ "devDependencies": { |
43590
877