@twilio-paste/spinner - npm Package Compare versions

Comparing version 2.0.8 to 2.0.9

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log
 
+## [2.0.9](https://github.com/twilio-labs/paste/compare/@twilio-paste/spinner@2.0.8...@twilio-paste/spinner@2.0.9) (2020-09-08)
+
+**Note:** Version bump only for package @twilio-paste/spinner
+
+
+
+
+
 ## [2.0.8](https://github.com/twilio-labs/paste/compare/@twilio-paste/spinner@2.0.7...@twilio-paste/spinner@2.0.8) (2020-09-03)
@@ -8,0 +16,0 @@

dist/index.es.js

@@ -1,2 +0,2 @@
-import{createElement as e,useState as r,useEffect as o}from"react";import{string as i,number as t}from"prop-types";import{system as n,styled as a,compose as l,display as s,size as c,keyframes as d,css as p}from"@twilio-paste/styling-library";import{UID as u}from"react-uid";import{isIconSizeTokenProp as f}from"@twilio-paste/style-props";
+import{createElement as e,useState as r,useEffect as o}from"react";import{string as t,number as i}from"prop-types";import{keyframes as n,styled as a,size as l,css as s}from"@twilio-paste/styling-library";import{UID as c}from"react-uid";import{Box as p,safelySpreadBoxProps as d}from"@twilio-paste/box";import{isIconSizeTokenProp as f}from"@twilio-paste/style-props";
 /*! *****************************************************************************
@@ -15,2 +15,17 @@ Copyright (c) Microsoft Corporation. All rights reserved.
 and limitations under the License.
-***************************************************************************** */var m=n({color:{property:"color",scale:"textColors"}}),y=a.span(l(s,m,c));y.defaultProps={display:"block",color:"currentColor",size:"sizeIcon30"},y.displayName="IconWrapper";var v=function(r){var o=r.as,i=r.display,t=r.size,n=r.color,a=r.title,l=r.decorative;if(!l&&null==a)throw new Error("[LoadingIcon]: Missing a title for non-decorative icon.");return e(y,{as:o,display:i,size:t,color:n},e(u,null,(function(r){return e("svg",{role:"img","aria-hidden":l,width:"100%",height:"100%",viewBox:"0 0 20 20","aria-labelledby":r},a?e("title",{id:r},a):null,e("path",{fill:"currentColor",fillRule:"evenodd",d:"M17.043 11.39l.08.014c.239.062.38.3.317.534-.89 3.255-3.932 5.562-7.444 5.562-2.935 0-5.553-1.613-6.85-4.064l-.278 2.85-.015.077a.457.457 0 01-.471.327.429.429 0 01-.4-.47l.41-4.19.017-.085a.456.456 0 01.592-.294l3.96 1.47.072.034a.428.428 0 01.177.53l-.036.071a.457.457 0 01-.542.187l-2.748-1.02c1.124 2.23 3.473 3.705 6.112 3.705 3.104 0 5.792-2.038 6.579-4.915a.447.447 0 01.468-.322zm-7.04-8.89c2.936 0 5.554 1.613 6.85 4.064l.28-2.849.014-.078a.457.457 0 01.471-.327.429.429 0 01.4.47l-.41 4.19-.017.085a.456.456 0 01-.592.295l-3.96-1.47-.072-.035a.428.428 0 01-.177-.53l.036-.071a.457.457 0 01.542-.186l2.748 1.019c-1.124-2.23-3.473-3.705-6.112-3.705-3.104 0-5.792 2.038-6.579 4.915a.447.447 0 01-.468.322l-.08-.013a.435.435 0 01-.317-.534C3.45 4.807 6.492 2.5 10.004 2.5z"}))})))};v.displayName="LoadingIcon";var z,g,w,b=d(w||(z=["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(359deg);\n  }\n"],g=["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(359deg);\n  }\n"],Object.defineProperty?Object.defineProperty(z,"raw",{value:g}):z.raw=g,w=z)),h=a.div(c,(function(e){return p({display:"inline-block",opacity:e.show?1:0,transition:"opacity 250ms cubic-bezier(0.215, 0.61, 0.355, 1)",animation:b+" 2s linear infinite","@media screen and (prefers-reduced-motion: reduce)":{animation:"none"}})})),I=function(i){var t=i.as,n=i.size,a=i.color,l=i.decorative,s=i.title,c=i.delay,d=void 0===c?250:c,p=r(0===d),u=p[0],f=p[1];return o((function(){if(0!==d){var e=setTimeout((function(){return f(!0)}),d);return function(){return clearTimeout(e)}}}),[d]),e(h,{size:n,show:u},e(v,{as:t,size:n,color:a,decorative:l,title:s}))};I.defaultProps={size:"sizeIcon20"},"development"===process.env.NODE_ENV&&(I.propTypes={title:i.isRequired,delay:t,size:f}),I.displayName="Spinner";export{I as Spinner};
+***************************************************************************** */
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation. All rights reserved.
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+this file except in compliance with the License. You may obtain a copy of the
+License at http://www.apache.org/licenses/LICENSE-2.0
+
+THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+MERCHANTABLITY OR NON-INFRINGEMENT.
+
+See the Apache Version 2.0 License for specific language governing permissions
+and limitations under the License.
+***************************************************************************** */
+var u=function(){return(u=Object.assign||function(e){for(var r,o=1,t=arguments.length;o<t;o++)for(var i in r=arguments[o])Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i]);return e}).apply(this,arguments)},y=function(r){var o=r.display,t=r.color,i=r.size,n=function(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(t=Object.getOwnPropertySymbols(e);i<t.length;i++)r.indexOf(t[i])<0&&Object.prototype.propertyIsEnumerable.call(e,t[i])&&(o[t[i]]=e[t[i]])}return o}(r,["display","color","size"]);return e(p,u({},d(n),{lineHeight:"lineHeight0",display:o,color:t,size:i}))};y.defaultProps={as:"span",display:"block",color:"currentColor",size:"sizeIcon30"},y.displayName="IconWrapper";var m=function(r){var o=r.as,t=r.display,i=r.size,n=r.color,a=r.title,l=r.decorative;if(!l&&null==a)throw new Error("[LoadingIcon]: Missing a title for non-decorative icon.");return e(y,{as:o,display:t,size:i,color:n},e(c,null,(function(r){return e("svg",{role:"img","aria-hidden":l,width:"100%",height:"100%",viewBox:"0 0 20 20","aria-labelledby":r},a?e("title",{id:r},a):null,e("path",{fill:"currentColor",fillRule:"evenodd",d:"M17.043 11.39l.08.014c.239.062.38.3.317.534-.89 3.255-3.932 5.562-7.444 5.562-2.935 0-5.553-1.613-6.85-4.064l-.278 2.85-.015.077a.457.457 0 01-.471.327.429.429 0 01-.4-.47l.41-4.19.017-.085a.456.456 0 01.592-.294l3.96 1.47.072.034a.428.428 0 01.177.53l-.036.071a.457.457 0 01-.542.187l-2.748-1.02c1.124 2.23 3.473 3.705 6.112 3.705 3.104 0 5.792-2.038 6.579-4.915a.447.447 0 01.468-.322zm-7.04-8.89c2.936 0 5.554 1.613 6.85 4.064l.28-2.849.014-.078a.457.457 0 01.471-.327.429.429 0 01.4.47l-.41 4.19-.017.085a.456.456 0 01-.592.295l-3.96-1.47-.072-.035a.428.428 0 01-.177-.53l.036-.071a.457.457 0 01.542-.186l2.748 1.019c-1.124-2.23-3.473-3.705-6.112-3.705-3.104 0-5.792 2.038-6.579 4.915a.447.447 0 01-.468.322l-.08-.013a.435.435 0 01-.317-.534C3.45 4.807 6.492 2.5 10.004 2.5z"}))})))};m.displayName="LoadingIcon";var v,b,g,z=n(g||(v=["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(359deg);\n  }\n"],b=["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(359deg);\n  }\n"],Object.defineProperty?Object.defineProperty(v,"raw",{value:b}):v.raw=b,g=v)),h=a.div(l,(function(e){return s({display:"inline-block",opacity:e.show?1:0,transition:"opacity 250ms cubic-bezier(0.215, 0.61, 0.355, 1)",animation:z+" 2s linear infinite","@media screen and (prefers-reduced-motion: reduce)":{animation:"none"}})})),w=function(t){var i=t.as,n=t.size,a=t.color,l=t.decorative,s=t.title,c=t.delay,p=void 0===c?250:c,d=r(0===p),f=d[0],u=d[1];return o((function(){if(0!==p){var e=setTimeout((function(){return u(!0)}),p);return function(){return clearTimeout(e)}}}),[p]),e(h,{size:n,show:f},e(m,{as:i,size:n,color:a,decorative:l,title:s}))};w.defaultProps={size:"sizeIcon20"},"development"===process.env.NODE_ENV&&(w.propTypes={title:t.isRequired,delay:i,size:f}),w.displayName="Spinner";export{w as Spinner};

dist/index.js

@@ -1,1 +0,16 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("prop-types"),t=require("@twilio-paste/styling-library"),i=require("react-uid"),n=require("@twilio-paste/style-props");var a=t.system({color:{property:"color",scale:"textColors"}}),o=t.styled.span(t.compose(t.display,a,t.size));o.defaultProps={display:"block",color:"currentColor",size:"sizeIcon30"},o.displayName="IconWrapper";var l=function(r){var t=r.as,n=r.display,a=r.size,l=r.color,s=r.title,c=r.decorative;if(!c&&null==s)throw new Error("[LoadingIcon]: Missing a title for non-decorative icon.");return e.createElement(o,{as:t,display:n,size:a,color:l},e.createElement(i.UID,null,(function(r){return e.createElement("svg",{role:"img","aria-hidden":c,width:"100%",height:"100%",viewBox:"0 0 20 20","aria-labelledby":r},s?e.createElement("title",{id:r},s):null,e.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M17.043 11.39l.08.014c.239.062.38.3.317.534-.89 3.255-3.932 5.562-7.444 5.562-2.935 0-5.553-1.613-6.85-4.064l-.278 2.85-.015.077a.457.457 0 01-.471.327.429.429 0 01-.4-.47l.41-4.19.017-.085a.456.456 0 01.592-.294l3.96 1.47.072.034a.428.428 0 01.177.53l-.036.071a.457.457 0 01-.542.187l-2.748-1.02c1.124 2.23 3.473 3.705 6.112 3.705 3.104 0 5.792-2.038 6.579-4.915a.447.447 0 01.468-.322zm-7.04-8.89c2.936 0 5.554 1.613 6.85 4.064l.28-2.849.014-.078a.457.457 0 01.471-.327.429.429 0 01.4.47l-.41 4.19-.017.085a.456.456 0 01-.592.295l-3.96-1.47-.072-.035a.428.428 0 01-.177-.53l.036-.071a.457.457 0 01.542-.186l2.748 1.019c-1.124-2.23-3.473-3.705-6.112-3.705-3.104 0-5.792 2.038-6.579 4.915a.447.447 0 01-.468.322l-.08-.013a.435.435 0 01-.317-.534C3.45 4.807 6.492 2.5 10.004 2.5z"}))})))};l.displayName="LoadingIcon";var s,c,d,u=t.keyframes(d||(s=["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(359deg);\n  }\n"],c=["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(359deg);\n  }\n"],Object.defineProperty?Object.defineProperty(s,"raw",{value:c}):s.raw=c,d=s)),p=t.styled.div(t.size,(function(e){return t.css({display:"inline-block",opacity:e.show?1:0,transition:"opacity 250ms cubic-bezier(0.215, 0.61, 0.355, 1)",animation:u+" 2s linear infinite","@media screen and (prefers-reduced-motion: reduce)":{animation:"none"}})})),m=function(r){var t=r.as,i=r.size,n=r.color,a=r.decorative,o=r.title,s=r.delay,c=void 0===s?250:s,d=e.useState(0===c),u=d[0],m=d[1];return e.useEffect((function(){if(0!==c){var e=setTimeout((function(){return m(!0)}),c);return function(){return clearTimeout(e)}}}),[c]),e.createElement(p,{size:i,show:u},e.createElement(l,{as:t,size:i,color:n,decorative:a,title:o}))};m.defaultProps={size:"sizeIcon20"},"development"===process.env.NODE_ENV&&(m.propTypes={title:r.string.isRequired,delay:r.number,size:n.isIconSizeTokenProp}),m.displayName="Spinner",exports.Spinner=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("prop-types"),t=require("@twilio-paste/styling-library"),n=require("react-uid"),i=require("@twilio-paste/box"),o=require("@twilio-paste/style-props");
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation. All rights reserved.
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+this file except in compliance with the License. You may obtain a copy of the
+License at http://www.apache.org/licenses/LICENSE-2.0
+
+THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+MERCHANTABLITY OR NON-INFRINGEMENT.
+
+See the Apache Version 2.0 License for specific language governing permissions
+and limitations under the License.
+***************************************************************************** */
+var a=function(){return(a=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var i in r=arguments[t])Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i]);return e}).apply(this,arguments)},l=function(r){var t=r.display,n=r.color,o=r.size,l=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(n=Object.getOwnPropertySymbols(e);i<n.length;i++)r.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(e,n[i])&&(t[n[i]]=e[n[i]])}return t}(r,["display","color","size"]);return e.createElement(i.Box,a({},i.safelySpreadBoxProps(l),{lineHeight:"lineHeight0",display:t,color:n,size:o}))};l.defaultProps={as:"span",display:"block",color:"currentColor",size:"sizeIcon30"},l.displayName="IconWrapper";var s=function(r){var t=r.as,i=r.display,o=r.size,a=r.color,s=r.title,c=r.decorative;if(!c&&null==s)throw new Error("[LoadingIcon]: Missing a title for non-decorative icon.");return e.createElement(l,{as:t,display:i,size:o,color:a},e.createElement(n.UID,null,(function(r){return e.createElement("svg",{role:"img","aria-hidden":c,width:"100%",height:"100%",viewBox:"0 0 20 20","aria-labelledby":r},s?e.createElement("title",{id:r},s):null,e.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M17.043 11.39l.08.014c.239.062.38.3.317.534-.89 3.255-3.932 5.562-7.444 5.562-2.935 0-5.553-1.613-6.85-4.064l-.278 2.85-.015.077a.457.457 0 01-.471.327.429.429 0 01-.4-.47l.41-4.19.017-.085a.456.456 0 01.592-.294l3.96 1.47.072.034a.428.428 0 01.177.53l-.036.071a.457.457 0 01-.542.187l-2.748-1.02c1.124 2.23 3.473 3.705 6.112 3.705 3.104 0 5.792-2.038 6.579-4.915a.447.447 0 01.468-.322zm-7.04-8.89c2.936 0 5.554 1.613 6.85 4.064l.28-2.849.014-.078a.457.457 0 01.471-.327.429.429 0 01.4.47l-.41 4.19-.017.085a.456.456 0 01-.592.295l-3.96-1.47-.072-.035a.428.428 0 01-.177-.53l.036-.071a.457.457 0 01.542-.186l2.748 1.019c-1.124-2.23-3.473-3.705-6.112-3.705-3.104 0-5.792 2.038-6.579 4.915a.447.447 0 01-.468.322l-.08-.013a.435.435 0 01-.317-.534C3.45 4.807 6.492 2.5 10.004 2.5z"}))})))};s.displayName="LoadingIcon";var c,p,u,d=t.keyframes(u||(c=["\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(c,"raw",{value:p}):c.raw=p,u=c)),f=t.styled.div(t.size,(function(e){return t.css({display:"inline-block",opacity:e.show?1:0,transition:"opacity 250ms cubic-bezier(0.215, 0.61, 0.355, 1)",animation:d+" 2s linear infinite","@media screen and (prefers-reduced-motion: reduce)":{animation:"none"}})})),y=function(r){var t=r.as,n=r.size,i=r.color,o=r.decorative,a=r.title,l=r.delay,c=void 0===l?250:l,p=e.useState(0===c),u=p[0],d=p[1];return e.useEffect((function(){if(0!==c){var e=setTimeout((function(){return d(!0)}),c);return function(){return clearTimeout(e)}}}),[c]),e.createElement(f,{size:n,show:u},e.createElement(s,{as:t,size:n,color:i,decorative:o,title:a}))};y.defaultProps={size:"sizeIcon20"},"development"===process.env.NODE_ENV&&(y.propTypes={title:r.string.isRequired,delay:r.number,size:o.isIconSizeTokenProp}),y.displayName="Spinner",exports.Spinner=y;

package.json

 {
   "name": "@twilio-paste/spinner",
-  "version": "2.0.8",
+  "version": "2.0.9",
   "category": "feedback",
@@ -31,5 +31,6 @@ "status": "production",
   "peerDependencies": {
+    "@twilio-paste/box": "^2.10.0",
     "@twilio-paste/design-tokens": "^6.2.2",
-    "@twilio-paste/icons": "^3.1.2",
-    "@twilio-paste/style-props": "^1.5.5",
+    "@twilio-paste/icons": "^3.2.0",
+    "@twilio-paste/style-props": "^1.6.0",
     "@twilio-paste/styling-library": "^0.1.2",
@@ -44,10 +45,11 @@ "@twilio-paste/theme": "^3.2.18",
   "devDependencies": {
-    "@twilio-paste/design-tokens": "^6.2.2",
-    "@twilio-paste/icons": "^3.2.0",
-    "@twilio-paste/style-props": "^1.6.0",
+    "@twilio-paste/box": "^2.10.1",
+    "@twilio-paste/design-tokens": "^6.3.0",
+    "@twilio-paste/icons": "^3.2.1",
+    "@twilio-paste/style-props": "^1.6.1",
     "@twilio-paste/styling-library": "^0.1.2",
-    "@twilio-paste/theme": "^3.2.18",
-    "@twilio-paste/types": "^3.0.21"
+    "@twilio-paste/theme": "^3.2.19",
+    "@twilio-paste/types": "^3.0.22"
   },
-  "gitHead": "4cbf601cb682eed4942bd54e41172f745e7b941d"
+  "gitHead": "ec8ff79a708549d56659faab74cc9e108fcf8d88"
 }

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

32814

increased by10.89%

Lines of code

74

increased by68.18%

Worsened metrics

Dependency count

11

increased by10%

Dev dependency count

7

increased by16.67%

No dependency changes