@atlaskit/spinner - npm Package Compare versions

Comparing version 2.2.4 to 2.2.5

CHANGELOG.md

@@ -1,6 +0,16 @@
-<a name="2.2.4"></a>
-## 2.2.4 (2017-06-27)
+<a name="2.2.5"></a>
+## 2.2.5 (2017-06-29)
 
 
 
+<a name="2.2.5"></a>
+## 2.2.5 (2017-06-28)
+
+
+### Bug Fixes
+
+* **component:** triggering component release with previous fix ([20a9e93](https://bitbucket.org/atlassian/atlaskit/commits/20a9e93))
+
+
+
 <a name="2.2.4"></a>
@@ -7,0 +17,0 @@ ## 2.2.4 (2017-06-27)

dist/bundle-cjs.js

@@ -155,3 +155,3 @@ module.exports = /******/
                     // see https://stackoverflow.com/questions/24918529/animate-path-in-internet-explorer/24918639#24918639
-                    strokeDashoffset: (isCompleting ? circumference : .8 * circumference) + " px",
+                    strokeDashoffset: (isCompleting ? circumference : .8 * circumference) + "px",
                     strokeDasharray: circumference
@@ -158,0 +158,0 @@ }, spinnerIsActive = !isCompleting && !this.state.spinnerHiddenForDelay;

dist/bundle-cjs.min.js

@@ -1,1 +0,1 @@
-module.exports=function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={exports:{},id:r,loaded:!1};return e[r].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){e.exports=n(1)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(2),i=r(o);t.default=i.default},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(3),i=r(o),a=n(4),s=r(a),l=n(5),u=r(l),f=n(6),d=r(f),p=n(7),c=r(p),m=n(8),y=r(m),h=n(9),v=r(h),g=n(10),b=r(g),x=n(11),C=r(x),_=n(14),k=r(_),D=n(16),T=r(D),M=100,q=["small","medium","large","xlarge"],w={small:20,medium:30,large:50,xlarge:100},S=w.small,E=function(){},P=function(e){function t(){var e,n,r,o;(0,u.default)(this,t);for(var i=arguments.length,a=Array(i),l=0;l<i;l++)a[l]=arguments[l];return n=r=(0,c.default)(this,(e=t.__proto__||(0,s.default)(t)).call.apply(e,[this].concat(a))),r.state={spinnerDelayTimeout:null,spinnerHiddenForDelay:!0},r.showSpinnerAfterDelay=function(){r.state.spinnerDelayTimeout&&clearTimeout(r.state.spinnerDelayTimeout),r.setState({spinnerDelayTimeout:setTimeout(r.handleSpinnerDelayEnd,r.props.delay),spinnerHiddenForDelay:!0})},r.handleSpinnerDelayEnd=function(){r.setState({spinnerHiddenForDelay:!1})},r.handleTransitionEnd=function(e){"stroke-dashoffset"===e.propertyName&&r.props.isCompleting&&r.props.onComplete()},r.validateSize=function(){var e=r.props.size,t=w[e]||e;return"number"!=typeof t&&(t=S),t},o=n,(0,c.default)(r,o)}return(0,y.default)(t,e),(0,d.default)(t,[{key:"componentDidMount",value:function(){this.props.isCompleting||this.showSpinnerAfterDelay()}},{key:"componentWillReceiveProps",value:function(e){this.props.isCompleting&&!e.isCompleting&&this.showSpinnerAfterDelay()}},{key:"componentWillUnmount",value:function(){this.state.spinnerDelayTimeout&&clearTimeout(this.state.spinnerDelayTimeout)}},{key:"render",value:function(){var e=this.props.isCompleting,t=this.validateSize(),n=Math.round(t/10),r=t/2-n/2,o=Math.PI*r*2,a={height:t,width:t},s={strokeDashoffset:(e?o:.8*o)+" px",strokeDasharray:o},l=!e&&!this.state.spinnerHiddenForDelay;return b.default.createElement(C.default,{active:l,hidden:this.state.spinnerHiddenForDelay,onTransitionEnd:this.handleTransitionEnd,style:a},b.default.createElement(T.default,null,b.default.createElement("svg",(0,i.default)({},a,{focusable:"false",viewBox:"0 0 "+t+" "+t,xmlns:"http://www.w3.org/2000/svg"}),b.default.createElement(k.default,{active:l,cx:t/2,cy:t/2,fill:"none",invertColor:this.props.invertColor,r:r,strokeLinecap:"round",strokeWidth:n,style:s}))))}}]),t}(g.PureComponent);P.propTypes={delay:v.default.number,invertColor:v.default.bool,isCompleting:v.default.bool,onComplete:v.default.func,size:v.default.oneOfType([v.default.number,v.default.oneOf(q)])},P.defaultProps={delay:M,invertColor:!1,isCompleting:!1,onComplete:E,size:q[0]},t.default=P},function(e,t){e.exports=require("babel-runtime/helpers/extends")},function(e,t){e.exports=require("babel-runtime/core-js/object/get-prototype-of")},function(e,t){e.exports=require("babel-runtime/helpers/classCallCheck")},function(e,t){e.exports=require("babel-runtime/helpers/createClass")},function(e,t){e.exports=require("babel-runtime/helpers/possibleConstructorReturn")},function(e,t){e.exports=require("babel-runtime/helpers/inherits")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("react")},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(12),i=r(o),a=(0,i.default)(["\n  from { transform: rotate(230deg); }\n  to { transform: rotate(510deg); }\n"],["\n  from { transform: rotate(230deg); }\n  to { transform: rotate(510deg); }\n"]),s=(0,i.default)(["\n  from { transform: rotate(50deg); }\n  to { transform: rotate(230deg); }\n"],["\n  from { transform: rotate(50deg); }\n  to { transform: rotate(230deg); }\n"]),l=(0,i.default)(["\n  animation: "," ease-in-out forwards;\n  display: inline-flex;\n  opacity: ",";\n"],["\n  animation: "," ease-in-out forwards;\n  display: inline-flex;\n  opacity: ",";\n"]),u=n(13),f=r(u),d=(0,u.keyframes)(a),p=(0,u.keyframes)(s),c=function(e){var t=e.hidden;return t?0:1},m=function(e){var t=e.active;return t?p+" 1s":d+" 0.53s"};t.default=f.default.div(l,m,c)},function(e,t){e.exports=require("babel-runtime/helpers/taggedTemplateLiteral")},function(e,t){e.exports=require("styled-components")},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.getStrokeColor=void 0;var o=n(12),i=r(o),a=(0,i.default)(["\n  opacity: ",";\n  stroke: ",";\n  transform-origin: center;\n  transition: stroke-dashoffset 0.8s ease-in-out, opacity 0.2s ease-in-out;\n  transition-delay: ",";\n"],["\n  opacity: ",";\n  stroke: ",";\n  transform-origin: center;\n  transition: stroke-dashoffset 0.8s ease-in-out, opacity 0.2s ease-in-out;\n  transition-delay: ",";\n"]),s=n(13),l=r(s),u=n(15),f=function(e){var t=e.active;return t?1:0},d=function(e){var t=e.active;return t?"initial":"0.45s"},p=t.getStrokeColor=function(e){var t=e.invertColor;return t?u.akColorN0:u.akColorN500};t.default=l.default.circle(a,f,p,d)},function(e,t){e.exports=require("@atlaskit/util-shared-styles")},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(12),i=r(o),a=(0,i.default)(["\n  to { transform: rotate(360deg); }\n"],["\n  to { transform: rotate(360deg); }\n"]),s=(0,i.default)(["\n  animation: "," 0.86s cubic-bezier(0.4, 0.15, 0.6, 0.85) infinite;\n  display: inline-flex;\n"],["\n  animation: "," 0.86s cubic-bezier(0.4, 0.15, 0.6, 0.85) infinite;\n  display: inline-flex;\n"]),l=n(13),u=r(l),f=(0,l.keyframes)(a);t.default=u.default.div(s,f)}]);
+module.exports=function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={exports:{},id:r,loaded:!1};return e[r].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){e.exports=n(1)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(2),i=r(o);t.default=i.default},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(3),i=r(o),a=n(4),s=r(a),l=n(5),u=r(l),f=n(6),d=r(f),p=n(7),c=r(p),m=n(8),y=r(m),h=n(9),v=r(h),g=n(10),b=r(g),x=n(11),C=r(x),_=n(14),k=r(_),D=n(16),T=r(D),M=100,q=["small","medium","large","xlarge"],w={small:20,medium:30,large:50,xlarge:100},S=w.small,E=function(){},P=function(e){function t(){var e,n,r,o;(0,u.default)(this,t);for(var i=arguments.length,a=Array(i),l=0;l<i;l++)a[l]=arguments[l];return n=r=(0,c.default)(this,(e=t.__proto__||(0,s.default)(t)).call.apply(e,[this].concat(a))),r.state={spinnerDelayTimeout:null,spinnerHiddenForDelay:!0},r.showSpinnerAfterDelay=function(){r.state.spinnerDelayTimeout&&clearTimeout(r.state.spinnerDelayTimeout),r.setState({spinnerDelayTimeout:setTimeout(r.handleSpinnerDelayEnd,r.props.delay),spinnerHiddenForDelay:!0})},r.handleSpinnerDelayEnd=function(){r.setState({spinnerHiddenForDelay:!1})},r.handleTransitionEnd=function(e){"stroke-dashoffset"===e.propertyName&&r.props.isCompleting&&r.props.onComplete()},r.validateSize=function(){var e=r.props.size,t=w[e]||e;return"number"!=typeof t&&(t=S),t},o=n,(0,c.default)(r,o)}return(0,y.default)(t,e),(0,d.default)(t,[{key:"componentDidMount",value:function(){this.props.isCompleting||this.showSpinnerAfterDelay()}},{key:"componentWillReceiveProps",value:function(e){this.props.isCompleting&&!e.isCompleting&&this.showSpinnerAfterDelay()}},{key:"componentWillUnmount",value:function(){this.state.spinnerDelayTimeout&&clearTimeout(this.state.spinnerDelayTimeout)}},{key:"render",value:function(){var e=this.props.isCompleting,t=this.validateSize(),n=Math.round(t/10),r=t/2-n/2,o=Math.PI*r*2,a={height:t,width:t},s={strokeDashoffset:(e?o:.8*o)+"px",strokeDasharray:o},l=!e&&!this.state.spinnerHiddenForDelay;return b.default.createElement(C.default,{active:l,hidden:this.state.spinnerHiddenForDelay,onTransitionEnd:this.handleTransitionEnd,style:a},b.default.createElement(T.default,null,b.default.createElement("svg",(0,i.default)({},a,{focusable:"false",viewBox:"0 0 "+t+" "+t,xmlns:"http://www.w3.org/2000/svg"}),b.default.createElement(k.default,{active:l,cx:t/2,cy:t/2,fill:"none",invertColor:this.props.invertColor,r:r,strokeLinecap:"round",strokeWidth:n,style:s}))))}}]),t}(g.PureComponent);P.propTypes={delay:v.default.number,invertColor:v.default.bool,isCompleting:v.default.bool,onComplete:v.default.func,size:v.default.oneOfType([v.default.number,v.default.oneOf(q)])},P.defaultProps={delay:M,invertColor:!1,isCompleting:!1,onComplete:E,size:q[0]},t.default=P},function(e,t){e.exports=require("babel-runtime/helpers/extends")},function(e,t){e.exports=require("babel-runtime/core-js/object/get-prototype-of")},function(e,t){e.exports=require("babel-runtime/helpers/classCallCheck")},function(e,t){e.exports=require("babel-runtime/helpers/createClass")},function(e,t){e.exports=require("babel-runtime/helpers/possibleConstructorReturn")},function(e,t){e.exports=require("babel-runtime/helpers/inherits")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("react")},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(12),i=r(o),a=(0,i.default)(["\n  from { transform: rotate(230deg); }\n  to { transform: rotate(510deg); }\n"],["\n  from { transform: rotate(230deg); }\n  to { transform: rotate(510deg); }\n"]),s=(0,i.default)(["\n  from { transform: rotate(50deg); }\n  to { transform: rotate(230deg); }\n"],["\n  from { transform: rotate(50deg); }\n  to { transform: rotate(230deg); }\n"]),l=(0,i.default)(["\n  animation: "," ease-in-out forwards;\n  display: inline-flex;\n  opacity: ",";\n"],["\n  animation: "," ease-in-out forwards;\n  display: inline-flex;\n  opacity: ",";\n"]),u=n(13),f=r(u),d=(0,u.keyframes)(a),p=(0,u.keyframes)(s),c=function(e){var t=e.hidden;return t?0:1},m=function(e){var t=e.active;return t?p+" 1s":d+" 0.53s"};t.default=f.default.div(l,m,c)},function(e,t){e.exports=require("babel-runtime/helpers/taggedTemplateLiteral")},function(e,t){e.exports=require("styled-components")},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.getStrokeColor=void 0;var o=n(12),i=r(o),a=(0,i.default)(["\n  opacity: ",";\n  stroke: ",";\n  transform-origin: center;\n  transition: stroke-dashoffset 0.8s ease-in-out, opacity 0.2s ease-in-out;\n  transition-delay: ",";\n"],["\n  opacity: ",";\n  stroke: ",";\n  transform-origin: center;\n  transition: stroke-dashoffset 0.8s ease-in-out, opacity 0.2s ease-in-out;\n  transition-delay: ",";\n"]),s=n(13),l=r(s),u=n(15),f=function(e){var t=e.active;return t?1:0},d=function(e){var t=e.active;return t?"initial":"0.45s"},p=t.getStrokeColor=function(e){var t=e.invertColor;return t?u.akColorN0:u.akColorN500};t.default=l.default.circle(a,f,p,d)},function(e,t){e.exports=require("@atlaskit/util-shared-styles")},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(12),i=r(o),a=(0,i.default)(["\n  to { transform: rotate(360deg); }\n"],["\n  to { transform: rotate(360deg); }\n"]),s=(0,i.default)(["\n  animation: "," 0.86s cubic-bezier(0.4, 0.15, 0.6, 0.85) infinite;\n  display: inline-flex;\n"],["\n  animation: "," 0.86s cubic-bezier(0.4, 0.15, 0.6, 0.85) infinite;\n  display: inline-flex;\n"]),l=n(13),u=r(l),f=(0,l.keyframes)(a);t.default=u.default.div(s,f)}]);

dist/bundle.js

@@ -158,3 +158,3 @@ !function(root, factory) {
                         // see https://stackoverflow.com/questions/24918529/animate-path-in-internet-explorer/24918639#24918639
-                        strokeDashoffset: (isCompleting ? circumference : .8 * circumference) + " px",
+                        strokeDashoffset: (isCompleting ? circumference : .8 * circumference) + "px",
                         strokeDasharray: circumference
@@ -161,0 +161,0 @@ }, spinnerIsActive = !isCompleting && !this.state.spinnerHiddenForDelay;

dist/bundle.min.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("babel-runtime/helpers/extends"),require("babel-runtime/core-js/object/get-prototype-of"),require("babel-runtime/helpers/classCallCheck"),require("babel-runtime/helpers/createClass"),require("babel-runtime/helpers/possibleConstructorReturn"),require("babel-runtime/helpers/inherits"),require("prop-types"),require("react"),require("babel-runtime/helpers/taggedTemplateLiteral"),require("styled-components"),require("@atlaskit/util-shared-styles")):"function"==typeof define&&define.amd?define(["babel-runtime/helpers/extends","babel-runtime/core-js/object/get-prototype-of","babel-runtime/helpers/classCallCheck","babel-runtime/helpers/createClass","babel-runtime/helpers/possibleConstructorReturn","babel-runtime/helpers/inherits","prop-types","react","babel-runtime/helpers/taggedTemplateLiteral","styled-components","@atlaskit/util-shared-styles"],t):"object"==typeof exports?exports["@atlaskit/spinner"]=t(require("babel-runtime/helpers/extends"),require("babel-runtime/core-js/object/get-prototype-of"),require("babel-runtime/helpers/classCallCheck"),require("babel-runtime/helpers/createClass"),require("babel-runtime/helpers/possibleConstructorReturn"),require("babel-runtime/helpers/inherits"),require("prop-types"),require("react"),require("babel-runtime/helpers/taggedTemplateLiteral"),require("styled-components"),require("@atlaskit/util-shared-styles")):e["@atlaskit/spinner"]=t(e["babel-runtime/helpers/extends"],e["babel-runtime/core-js/object/get-prototype-of"],e["babel-runtime/helpers/classCallCheck"],e["babel-runtime/helpers/createClass"],e["babel-runtime/helpers/possibleConstructorReturn"],e["babel-runtime/helpers/inherits"],e["prop-types"],e.react,e["babel-runtime/helpers/taggedTemplateLiteral"],e["styled-components"],e["@atlaskit/util-shared-styles"])}(this,function(e,t,r,n,o,i,a,s,l,u,p){return function(e){function t(n){if(r[n])return r[n].exports;var o=r[n]={exports:{},id:n,loaded:!1};return e[n].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){e.exports=r(1)},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(2),i=n(o);t.default=i.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(3),i=n(o),a=r(4),s=n(a),l=r(5),u=n(l),p=r(6),f=n(p),d=r(7),c=n(d),m=r(8),b=n(m),h=r(9),y=n(h),v=r(10),g=n(v),C=r(11),x=n(C),k=r(14),_=n(k),q=r(16),D=n(q),T=100,j=["small","medium","large","xlarge"],M={small:20,medium:30,large:50,xlarge:100},w=M.small,S=function(){},E=function(e){function t(){var e,r,n,o;(0,u.default)(this,t);for(var i=arguments.length,a=Array(i),l=0;l<i;l++)a[l]=arguments[l];return r=n=(0,c.default)(this,(e=t.__proto__||(0,s.default)(t)).call.apply(e,[this].concat(a))),n.state={spinnerDelayTimeout:null,spinnerHiddenForDelay:!0},n.showSpinnerAfterDelay=function(){n.state.spinnerDelayTimeout&&clearTimeout(n.state.spinnerDelayTimeout),n.setState({spinnerDelayTimeout:setTimeout(n.handleSpinnerDelayEnd,n.props.delay),spinnerHiddenForDelay:!0})},n.handleSpinnerDelayEnd=function(){n.setState({spinnerHiddenForDelay:!1})},n.handleTransitionEnd=function(e){"stroke-dashoffset"===e.propertyName&&n.props.isCompleting&&n.props.onComplete()},n.validateSize=function(){var e=n.props.size,t=M[e]||e;return"number"!=typeof t&&(t=w),t},o=r,(0,c.default)(n,o)}return(0,b.default)(t,e),(0,f.default)(t,[{key:"componentDidMount",value:function(){this.props.isCompleting||this.showSpinnerAfterDelay()}},{key:"componentWillReceiveProps",value:function(e){this.props.isCompleting&&!e.isCompleting&&this.showSpinnerAfterDelay()}},{key:"componentWillUnmount",value:function(){this.state.spinnerDelayTimeout&&clearTimeout(this.state.spinnerDelayTimeout)}},{key:"render",value:function(){var e=this.props.isCompleting,t=this.validateSize(),r=Math.round(t/10),n=t/2-r/2,o=Math.PI*n*2,a={height:t,width:t},s={strokeDashoffset:(e?o:.8*o)+" px",strokeDasharray:o},l=!e&&!this.state.spinnerHiddenForDelay;return g.default.createElement(x.default,{active:l,hidden:this.state.spinnerHiddenForDelay,onTransitionEnd:this.handleTransitionEnd,style:a},g.default.createElement(D.default,null,g.default.createElement("svg",(0,i.default)({},a,{focusable:"false",viewBox:"0 0 "+t+" "+t,xmlns:"http://www.w3.org/2000/svg"}),g.default.createElement(_.default,{active:l,cx:t/2,cy:t/2,fill:"none",invertColor:this.props.invertColor,r:n,strokeLinecap:"round",strokeWidth:r,style:s}))))}}]),t}(v.PureComponent);E.propTypes={delay:y.default.number,invertColor:y.default.bool,isCompleting:y.default.bool,onComplete:y.default.func,size:y.default.oneOfType([y.default.number,y.default.oneOf(j)])},E.defaultProps={delay:T,invertColor:!1,isCompleting:!1,onComplete:S,size:j[0]},t.default=E},function(t,r){t.exports=e},function(e,r){e.exports=t},function(e,t){e.exports=r},function(e,t){e.exports=n},function(e,t){e.exports=o},function(e,t){e.exports=i},function(e,t){e.exports=a},function(e,t){e.exports=s},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(12),i=n(o),a=(0,i.default)(["\n  from { transform: rotate(230deg); }\n  to { transform: rotate(510deg); }\n"],["\n  from { transform: rotate(230deg); }\n  to { transform: rotate(510deg); }\n"]),s=(0,i.default)(["\n  from { transform: rotate(50deg); }\n  to { transform: rotate(230deg); }\n"],["\n  from { transform: rotate(50deg); }\n  to { transform: rotate(230deg); }\n"]),l=(0,i.default)(["\n  animation: "," ease-in-out forwards;\n  display: inline-flex;\n  opacity: ",";\n"],["\n  animation: "," ease-in-out forwards;\n  display: inline-flex;\n  opacity: ",";\n"]),u=r(13),p=n(u),f=(0,u.keyframes)(a),d=(0,u.keyframes)(s),c=function(e){var t=e.hidden;return t?0:1},m=function(e){var t=e.active;return t?d+" 1s":f+" 0.53s"};t.default=p.default.div(l,m,c)},function(e,t){e.exports=l},function(e,t){e.exports=u},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.getStrokeColor=void 0;var o=r(12),i=n(o),a=(0,i.default)(["\n  opacity: ",";\n  stroke: ",";\n  transform-origin: center;\n  transition: stroke-dashoffset 0.8s ease-in-out, opacity 0.2s ease-in-out;\n  transition-delay: ",";\n"],["\n  opacity: ",";\n  stroke: ",";\n  transform-origin: center;\n  transition: stroke-dashoffset 0.8s ease-in-out, opacity 0.2s ease-in-out;\n  transition-delay: ",";\n"]),s=r(13),l=n(s),u=r(15),p=function(e){var t=e.active;return t?1:0},f=function(e){var t=e.active;return t?"initial":"0.45s"},d=t.getStrokeColor=function(e){var t=e.invertColor;return t?u.akColorN0:u.akColorN500};t.default=l.default.circle(a,p,d,f)},function(e,t){e.exports=p},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(12),i=n(o),a=(0,i.default)(["\n  to { transform: rotate(360deg); }\n"],["\n  to { transform: rotate(360deg); }\n"]),s=(0,i.default)(["\n  animation: "," 0.86s cubic-bezier(0.4, 0.15, 0.6, 0.85) infinite;\n  display: inline-flex;\n"],["\n  animation: "," 0.86s cubic-bezier(0.4, 0.15, 0.6, 0.85) infinite;\n  display: inline-flex;\n"]),l=r(13),u=n(l),p=(0,l.keyframes)(a);t.default=u.default.div(s,p)}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("babel-runtime/helpers/extends"),require("babel-runtime/core-js/object/get-prototype-of"),require("babel-runtime/helpers/classCallCheck"),require("babel-runtime/helpers/createClass"),require("babel-runtime/helpers/possibleConstructorReturn"),require("babel-runtime/helpers/inherits"),require("prop-types"),require("react"),require("babel-runtime/helpers/taggedTemplateLiteral"),require("styled-components"),require("@atlaskit/util-shared-styles")):"function"==typeof define&&define.amd?define(["babel-runtime/helpers/extends","babel-runtime/core-js/object/get-prototype-of","babel-runtime/helpers/classCallCheck","babel-runtime/helpers/createClass","babel-runtime/helpers/possibleConstructorReturn","babel-runtime/helpers/inherits","prop-types","react","babel-runtime/helpers/taggedTemplateLiteral","styled-components","@atlaskit/util-shared-styles"],t):"object"==typeof exports?exports["@atlaskit/spinner"]=t(require("babel-runtime/helpers/extends"),require("babel-runtime/core-js/object/get-prototype-of"),require("babel-runtime/helpers/classCallCheck"),require("babel-runtime/helpers/createClass"),require("babel-runtime/helpers/possibleConstructorReturn"),require("babel-runtime/helpers/inherits"),require("prop-types"),require("react"),require("babel-runtime/helpers/taggedTemplateLiteral"),require("styled-components"),require("@atlaskit/util-shared-styles")):e["@atlaskit/spinner"]=t(e["babel-runtime/helpers/extends"],e["babel-runtime/core-js/object/get-prototype-of"],e["babel-runtime/helpers/classCallCheck"],e["babel-runtime/helpers/createClass"],e["babel-runtime/helpers/possibleConstructorReturn"],e["babel-runtime/helpers/inherits"],e["prop-types"],e.react,e["babel-runtime/helpers/taggedTemplateLiteral"],e["styled-components"],e["@atlaskit/util-shared-styles"])}(this,function(e,t,r,n,o,i,a,s,l,u,p){return function(e){function t(n){if(r[n])return r[n].exports;var o=r[n]={exports:{},id:n,loaded:!1};return e[n].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){e.exports=r(1)},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(2),i=n(o);t.default=i.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(3),i=n(o),a=r(4),s=n(a),l=r(5),u=n(l),p=r(6),f=n(p),d=r(7),c=n(d),m=r(8),b=n(m),h=r(9),y=n(h),v=r(10),g=n(v),C=r(11),x=n(C),k=r(14),_=n(k),q=r(16),D=n(q),T=100,j=["small","medium","large","xlarge"],M={small:20,medium:30,large:50,xlarge:100},w=M.small,S=function(){},E=function(e){function t(){var e,r,n,o;(0,u.default)(this,t);for(var i=arguments.length,a=Array(i),l=0;l<i;l++)a[l]=arguments[l];return r=n=(0,c.default)(this,(e=t.__proto__||(0,s.default)(t)).call.apply(e,[this].concat(a))),n.state={spinnerDelayTimeout:null,spinnerHiddenForDelay:!0},n.showSpinnerAfterDelay=function(){n.state.spinnerDelayTimeout&&clearTimeout(n.state.spinnerDelayTimeout),n.setState({spinnerDelayTimeout:setTimeout(n.handleSpinnerDelayEnd,n.props.delay),spinnerHiddenForDelay:!0})},n.handleSpinnerDelayEnd=function(){n.setState({spinnerHiddenForDelay:!1})},n.handleTransitionEnd=function(e){"stroke-dashoffset"===e.propertyName&&n.props.isCompleting&&n.props.onComplete()},n.validateSize=function(){var e=n.props.size,t=M[e]||e;return"number"!=typeof t&&(t=w),t},o=r,(0,c.default)(n,o)}return(0,b.default)(t,e),(0,f.default)(t,[{key:"componentDidMount",value:function(){this.props.isCompleting||this.showSpinnerAfterDelay()}},{key:"componentWillReceiveProps",value:function(e){this.props.isCompleting&&!e.isCompleting&&this.showSpinnerAfterDelay()}},{key:"componentWillUnmount",value:function(){this.state.spinnerDelayTimeout&&clearTimeout(this.state.spinnerDelayTimeout)}},{key:"render",value:function(){var e=this.props.isCompleting,t=this.validateSize(),r=Math.round(t/10),n=t/2-r/2,o=Math.PI*n*2,a={height:t,width:t},s={strokeDashoffset:(e?o:.8*o)+"px",strokeDasharray:o},l=!e&&!this.state.spinnerHiddenForDelay;return g.default.createElement(x.default,{active:l,hidden:this.state.spinnerHiddenForDelay,onTransitionEnd:this.handleTransitionEnd,style:a},g.default.createElement(D.default,null,g.default.createElement("svg",(0,i.default)({},a,{focusable:"false",viewBox:"0 0 "+t+" "+t,xmlns:"http://www.w3.org/2000/svg"}),g.default.createElement(_.default,{active:l,cx:t/2,cy:t/2,fill:"none",invertColor:this.props.invertColor,r:n,strokeLinecap:"round",strokeWidth:r,style:s}))))}}]),t}(v.PureComponent);E.propTypes={delay:y.default.number,invertColor:y.default.bool,isCompleting:y.default.bool,onComplete:y.default.func,size:y.default.oneOfType([y.default.number,y.default.oneOf(j)])},E.defaultProps={delay:T,invertColor:!1,isCompleting:!1,onComplete:S,size:j[0]},t.default=E},function(t,r){t.exports=e},function(e,r){e.exports=t},function(e,t){e.exports=r},function(e,t){e.exports=n},function(e,t){e.exports=o},function(e,t){e.exports=i},function(e,t){e.exports=a},function(e,t){e.exports=s},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(12),i=n(o),a=(0,i.default)(["\n  from { transform: rotate(230deg); }\n  to { transform: rotate(510deg); }\n"],["\n  from { transform: rotate(230deg); }\n  to { transform: rotate(510deg); }\n"]),s=(0,i.default)(["\n  from { transform: rotate(50deg); }\n  to { transform: rotate(230deg); }\n"],["\n  from { transform: rotate(50deg); }\n  to { transform: rotate(230deg); }\n"]),l=(0,i.default)(["\n  animation: "," ease-in-out forwards;\n  display: inline-flex;\n  opacity: ",";\n"],["\n  animation: "," ease-in-out forwards;\n  display: inline-flex;\n  opacity: ",";\n"]),u=r(13),p=n(u),f=(0,u.keyframes)(a),d=(0,u.keyframes)(s),c=function(e){var t=e.hidden;return t?0:1},m=function(e){var t=e.active;return t?d+" 1s":f+" 0.53s"};t.default=p.default.div(l,m,c)},function(e,t){e.exports=l},function(e,t){e.exports=u},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.getStrokeColor=void 0;var o=r(12),i=n(o),a=(0,i.default)(["\n  opacity: ",";\n  stroke: ",";\n  transform-origin: center;\n  transition: stroke-dashoffset 0.8s ease-in-out, opacity 0.2s ease-in-out;\n  transition-delay: ",";\n"],["\n  opacity: ",";\n  stroke: ",";\n  transform-origin: center;\n  transition: stroke-dashoffset 0.8s ease-in-out, opacity 0.2s ease-in-out;\n  transition-delay: ",";\n"]),s=r(13),l=n(s),u=r(15),p=function(e){var t=e.active;return t?1:0},f=function(e){var t=e.active;return t?"initial":"0.45s"},d=t.getStrokeColor=function(e){var t=e.invertColor;return t?u.akColorN0:u.akColorN500};t.default=l.default.circle(a,p,d,f)},function(e,t){e.exports=p},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(12),i=n(o),a=(0,i.default)(["\n  to { transform: rotate(360deg); }\n"],["\n  to { transform: rotate(360deg); }\n"]),s=(0,i.default)(["\n  animation: "," 0.86s cubic-bezier(0.4, 0.15, 0.6, 0.85) infinite;\n  display: inline-flex;\n"],["\n  animation: "," 0.86s cubic-bezier(0.4, 0.15, 0.6, 0.85) infinite;\n  display: inline-flex;\n"]),l=r(13),u=n(l),p=(0,l.keyframes)(a);t.default=u.default.div(s,p)}])});

package.json

 {
   "name": "@atlaskit/spinner",
-  "version": "2.2.4",
+  "version": "2.2.5",
   "config": {
@@ -32,3 +32,3 @@ "access": "public"
   "dependencies": {
-    "@atlaskit/util-shared-styles": "^2.1.1",
+    "@atlaskit/util-shared-styles": "^2.3.1",
     "babel-runtime": "^6.11.6",
@@ -41,3 +41,3 @@ "prop-types": "^15.5.10",
     "@atlaskit/spinner": "*",
-    "@atlaskit/button": "^1.0.0",
+    "@atlaskit/button": "^3.0.0",
     "@atlaskit/util-common-test": "^1.0.0"
@@ -44,0 +44,0 @@ },

README.md

@@ -14,3 +14,3 @@ [![AtlasKit component registry](https://img.shields.io/badge/AtlasKit-components-FF5230.svg)](http://atlaskit.atlassian.com)
 
-Interact with a [live demo of the @atlaskit/spinner component](https://aui-cdn.atlassian.com/atlaskit/stories/@atlaskit/spinner/2.2.4/).
+Interact with a [live demo of the @atlaskit/spinner component](https://aui-cdn.atlassian.com/atlaskit/stories/@atlaskit/spinner/2.2.5/).
 
@@ -17,0 +17,0 @@ ## Installation

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

54990

increased by0.35%

Dependency changes

• Updated@atlaskit/util-shared-styles@^2.3.1