@twilio-paste/spinner - npm Package Compare versions

Comparing version 1.1.3 to 1.1.4

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log
 
+## [1.1.4](https://github.com/twilio-labs/paste/compare/@twilio-paste/spinner@1.1.3...@twilio-paste/spinner@1.1.4) (2020-01-17)
+
+**Note:** Version bump only for package @twilio-paste/spinner
+
+
+
+
+
 ## [1.1.3](https://github.com/twilio-labs/paste/compare/@twilio-paste/spinner@1.1.2...@twilio-paste/spinner@1.1.3) (2019-12-20)
@@ -8,0 +16,0 @@

dist/index.d.ts

@@ -7,2 +7,3 @@ import * as React from 'react';
     size?: IconSize;
+    delay?: number;
 }
@@ -9,0 +10,0 @@ declare const Spinner: React.FC<SpinnerProps>;

dist/index.es.js

@@ -1,2 +0,2 @@
-import{createElement as e}from"react";import{keyframes as o,css as r}from"@emotion/core";import n from"@emotion/styled";import{UID as i}from"react-uid";import{system as a,compose as t,size as l}from"styled-system";
+import{createElement as e,useState as o,useEffect as r}from"react";import{keyframes as n,css as i}from"@emotion/core";import t from"@emotion/styled";import{UID as a}from"react-uid";import{system as l,compose as c,size as s}from"styled-system";
 /*! *****************************************************************************
@@ -15,2 +15,2 @@ Copyright (c) Microsoft Corporation. All rights reserved.
 and limitations under the License.
-***************************************************************************** */var s=a({iconColor:{property:"color",scale:"textColors"}}),d=n.span({display:"inline-block"},t(s,l));d.defaultProps={size:"sizeIcon20",iconColor:"currentColor"},d.displayName="IconWrapper";var c=function(o){var r=o.as,n=o.size,a=o.iconColor,t=o.title,l=o.decorative;if(!l&&null==t)throw new Error("[LoadingIcon]: Missing a title for non-decorative icon.");return e(d,{as:r,size:n,iconColor:a},e(i,null,(function(o){return e("svg",{role:"img","aria-hidden":l,"aria-labelledby":o,width:"100%",height:"100%",viewBox:"0 0 24 24"},t?e("title",{id:o},t):null,e("path",{fill:"currentColor",fillRule:"evenodd",d:"M20.085 13.123a1 1 0 01.71 1.224A9.103 9.103 0 014.717 17.46l-.15 1.756a1 1 0 11-1.992-.17l.407-4.773a1 1 0 011.357-.848l4.47 1.728a1 1 0 11-.72 1.865l-1.691-.652a7.103 7.103 0 0012.463-2.533 1 1 0 011.223-.71zM12.008 2.892a9.1 9.1 0 017.283 3.64l.148-1.756a1 1 0 011.993.17l-.407 4.773a1 1 0 01-1.357.847l-4.47-1.727a1 1 0 01.72-1.866l1.691.653a7.103 7.103 0 00-12.463 2.533 1 1 0 01-1.932-.514 9.103 9.103 0 018.794-6.753z"}))})))};c.displayName="LoadingIcon";var m,p,f,u=o(f||(m=["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(359deg);\n  }\n"],p=["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(359deg);\n  }\n"],Object.defineProperty?Object.defineProperty(m,"raw",{value:p}):m.raw=p,f=m)),v=n.div(l,r({display:"inline-block",animation:u+" 2s linear infinite","@media screen and (prefers-reduced-motion: reduce)":{animation:"none"}})),y=function(o){var r=o.as,n=o.size,i=o.iconColor,a=o.decorative,t=o.title;return e(v,{size:n},e(c,{as:r,size:n,iconColor:i,decorative:a,title:t}))};y.defaultProps={size:"sizeIcon20"},y.displayName="Spinner";export{y as Spinner};
+***************************************************************************** */var d=l({iconColor:{property:"color",scale:"textColors"}}),u=t.span({display:"inline-block"},c(d,s));u.defaultProps={size:"sizeIcon20",iconColor:"currentColor"},u.displayName="IconWrapper";var m=function(o){var r=o.as,n=o.size,i=o.iconColor,t=o.title,l=o.decorative;if(!l&&null==t)throw new Error("[LoadingIcon]: Missing a title for non-decorative icon.");return e(u,{as:r,size:n,iconColor:i},e(a,null,(function(o){return e("svg",{role:"img","aria-hidden":l,"aria-labelledby":o,width:"100%",height:"100%",viewBox:"0 0 24 24"},t?e("title",{id:o},t):null,e("path",{fill:"currentColor",fillRule:"evenodd",d:"M20.085 13.123a1 1 0 01.71 1.224A9.103 9.103 0 014.717 17.46l-.15 1.756a1 1 0 11-1.992-.17l.407-4.773a1 1 0 011.357-.848l4.47 1.728a1 1 0 11-.72 1.865l-1.691-.652a7.103 7.103 0 0012.463-2.533 1 1 0 011.223-.71zM12.008 2.892a9.1 9.1 0 017.283 3.64l.148-1.756a1 1 0 011.993.17l-.407 4.773a1 1 0 01-1.357.847l-4.47-1.727a1 1 0 01.72-1.866l1.691.653a7.103 7.103 0 00-12.463 2.533 1 1 0 01-1.932-.514 9.103 9.103 0 018.794-6.753z"}))})))};m.displayName="LoadingIcon";var f,p,v,y=n(v||(f=["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(359deg);\n  }\n"],p=["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(359deg);\n  }\n"],Object.defineProperty?Object.defineProperty(f,"raw",{value:p}):f.raw=p,v=f)),z=t.div(s,(function(e){return i({display:"inline-block",opacity:e.show?1:0,transition:"opacity 250ms cubic-bezier(0.215, 0.61, 0.355, 1)",animation:y+" 2s linear infinite","@media screen and (prefers-reduced-motion: reduce)":{animation:"none"}})})),g=function(n){var i=n.as,t=n.size,a=n.iconColor,l=n.decorative,c=n.title,s=n.delay,d=void 0===s?250:s,u=o(0===d),f=u[0],p=u[1];return r((function(){if(0!==d){var e=setTimeout((function(){return p(!0)}),d);return function(){return clearTimeout(e)}}}),[d]),e(z,{size:t,show:f},e(m,{as:i,size:t,iconColor:a,decorative:l,title:c}))};g.defaultProps={size:"sizeIcon20"},g.displayName="Spinner";export{g as Spinner};

dist/index.js

@@ -16,2 +16,2 @@ "use strict";function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),core=require("@emotion/core"),o=_interopDefault(require("@emotion/styled")),reactUid=require("react-uid"),styledSystem=require("styled-system");
 ***************************************************************************** */
-function __makeTemplateObject(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var s=styledSystem.system({iconColor:{property:"color",scale:"textColors"}}),t=o.span({display:"inline-block"},styledSystem.compose(s,styledSystem.size));t.defaultProps={size:"sizeIcon20",iconColor:"currentColor"},t.displayName="IconWrapper";var e=function(e){var r=e.as,n=e.size,a=e.iconColor,i=e.title,o=e.decorative;if(!o&&null==i)throw new Error("[LoadingIcon]: Missing a title for non-decorative icon.");return React.createElement(t,{as:r,size:n,iconColor:a},React.createElement(reactUid.UID,null,(function(e){return React.createElement("svg",{role:"img","aria-hidden":o,"aria-labelledby":e,width:"100%",height:"100%",viewBox:"0 0 24 24"},i?React.createElement("title",{id:e},i):null,React.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M20.085 13.123a1 1 0 01.71 1.224A9.103 9.103 0 014.717 17.46l-.15 1.756a1 1 0 11-1.992-.17l.407-4.773a1 1 0 011.357-.848l4.47 1.728a1 1 0 11-.72 1.865l-1.691-.652a7.103 7.103 0 0012.463-2.533 1 1 0 011.223-.71zM12.008 2.892a9.1 9.1 0 017.283 3.64l.148-1.756a1 1 0 011.993.17l-.407 4.773a1 1 0 01-1.357.847l-4.47-1.727a1 1 0 01.72-1.866l1.691.653a7.103 7.103 0 00-12.463 2.533 1 1 0 01-1.932-.514 9.103 9.103 0 018.794-6.753z"}))})))};e.displayName="LoadingIcon";var templateObject_1,rotate=core.keyframes(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(359deg);\n  }\n"],["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(359deg);\n  }\n"]))),SpinningWrapper=o.div(styledSystem.size,core.css({display:"inline-block",animation:rotate+" 2s linear infinite","@media screen and (prefers-reduced-motion: reduce)":{animation:"none"}})),Spinner=function(t){var r=t.as,n=t.size,a=t.iconColor,i=t.decorative,o=t.title;return React.createElement(SpinningWrapper,{size:n},React.createElement(e,{as:r,size:n,iconColor:a,decorative:i,title:o}))};Spinner.defaultProps={size:"sizeIcon20"},Spinner.displayName="Spinner",exports.Spinner=Spinner;
+function __makeTemplateObject(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var s=styledSystem.system({iconColor:{property:"color",scale:"textColors"}}),t=o.span({display:"inline-block"},styledSystem.compose(s,styledSystem.size));t.defaultProps={size:"sizeIcon20",iconColor:"currentColor"},t.displayName="IconWrapper";var e=function(e){var r=e.as,n=e.size,a=e.iconColor,i=e.title,o=e.decorative;if(!o&&null==i)throw new Error("[LoadingIcon]: Missing a title for non-decorative icon.");return React.createElement(t,{as:r,size:n,iconColor:a},React.createElement(reactUid.UID,null,(function(e){return React.createElement("svg",{role:"img","aria-hidden":o,"aria-labelledby":e,width:"100%",height:"100%",viewBox:"0 0 24 24"},i?React.createElement("title",{id:e},i):null,React.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M20.085 13.123a1 1 0 01.71 1.224A9.103 9.103 0 014.717 17.46l-.15 1.756a1 1 0 11-1.992-.17l.407-4.773a1 1 0 011.357-.848l4.47 1.728a1 1 0 11-.72 1.865l-1.691-.652a7.103 7.103 0 0012.463-2.533 1 1 0 011.223-.71zM12.008 2.892a9.1 9.1 0 017.283 3.64l.148-1.756a1 1 0 011.993.17l-.407 4.773a1 1 0 01-1.357.847l-4.47-1.727a1 1 0 01.72-1.866l1.691.653a7.103 7.103 0 00-12.463 2.533 1 1 0 01-1.932-.514 9.103 9.103 0 018.794-6.753z"}))})))};e.displayName="LoadingIcon";var templateObject_1,rotate=core.keyframes(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(359deg);\n  }\n"],["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(359deg);\n  }\n"]))),SpinningWrapper=o.div(styledSystem.size,(function(e){return core.css({display:"inline-block",opacity:e.show?1:0,transition:"opacity 250ms cubic-bezier(0.215, 0.61, 0.355, 1)",animation:rotate+" 2s linear infinite","@media screen and (prefers-reduced-motion: reduce)":{animation:"none"}})})),Spinner=function(t){var r=t.as,n=t.size,a=t.iconColor,i=t.decorative,o=t.title,l=t.delay,c=void 0===l?250:l,s=React.useState(0===c),d=s[0],u=s[1];return React.useEffect((function(){if(0!==c){var e=setTimeout((function(){return u(!0)}),c);return function(){return clearTimeout(e)}}}),[c]),React.createElement(SpinningWrapper,{size:n,show:d},React.createElement(e,{as:r,size:n,iconColor:a,decorative:i,title:o}))};Spinner.defaultProps={size:"sizeIcon20"},Spinner.displayName="Spinner",exports.Spinner=Spinner;

package.json

 {
   "name": "@twilio-paste/spinner",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "category": "feedback",
@@ -32,4 +32,4 @@ "status": "beta",
     "@emotion/styled": "^10.0.10",
-    "@twilio-paste/icons": "^1.2.0",
-    "@twilio-paste/style-props": "^0.1.0",
+    "@twilio-paste/icons": "^1.2.1",
+    "@twilio-paste/style-props": "^0.1.1",
     "react": "^16.8.6",
@@ -41,4 +41,4 @@ "react-dom": "^16.8.6",
   "devDependencies": {
-    "@twilio-paste/icons": "^1.2.1",
-    "@twilio-paste/style-props": "^0.1.1",
+    "@twilio-paste/icons": "^1.3.0",
+    "@twilio-paste/style-props": "^0.1.2",
     "rollup": "^1.16.2",
@@ -52,3 +52,3 @@ "rollup-plugin-babel": "^4.3.3",
   },
-  "gitHead": "d744a8794c802117efed2f57f00a965df184101b"
+  "gitHead": "ac32954009c2e53e161cf4d7d9e98aa0958b8e02"
 }

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

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

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

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

14741

increased by6.31%

Lines of code

53

increased by6%

No dependency changes