@twilio-paste/spinner
Advanced tools
@twilio-paste/spinner - npm Package Compare versions
Comparing version 2.0.4 to 2.0.5
@@ -6,2 +6,10 @@ # Change Log | ||
| ## [2.0.5](https://github.com/twilio-labs/paste/compare/@twilio-paste/spinner@2.0.4...@twilio-paste/spinner@2.0.5) (2020-08-24) | ||
| **Note:** Version bump only for package @twilio-paste/spinner | ||
| ## [2.0.4](https://github.com/twilio-labs/paste/compare/@twilio-paste/spinner@2.0.3...@twilio-paste/spinner@2.0.4) (2020-08-19) | ||
@@ -8,0 +16,0 @@ |
@@ -15,2 +15,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"; | ||
| 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 24 24","aria-labelledby":r},a?e("title",{id:r},a):null,e("path",{fill:"currentColor",fillRule:"evenodd",d:"M19.043 13.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-.534C5.45 6.807 8.492 4.5 12.004 4.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}; | ||
| ***************************************************************************** */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}; |
@@ -1,1 +0,1 @@ | ||
| "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 24 24","aria-labelledby":r},s?e.createElement("title",{id:r},s):null,e.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M19.043 13.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-.534C5.45 6.807 8.492 4.5 12.004 4.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"),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; |
| { | ||
| "name": "@twilio-paste/spinner", | ||
| "version": "2.0.4", | ||
| "version": "2.0.5", | ||
| "category": "feedback", | ||
@@ -32,6 +32,6 @@ "status": "production", | ||
| "@twilio-paste/design-tokens": "^6.1.1", | ||
| "@twilio-paste/icons": "^3.0.3", | ||
| "@twilio-paste/style-props": "^1.5.1", | ||
| "@twilio-paste/styling-library": "^0.1.1", | ||
| "@twilio-paste/theme": "^3.2.14", | ||
| "@twilio-paste/icons": "^3.0.4", | ||
| "@twilio-paste/style-props": "^1.5.2", | ||
| "@twilio-paste/styling-library": "^0.1.2", | ||
| "@twilio-paste/theme": "^3.2.15", | ||
| "@twilio-paste/types": "^3.0.18", | ||
@@ -44,10 +44,10 @@ "prop-types": "^15.7.2", | ||
| "devDependencies": { | ||
| "@twilio-paste/design-tokens": "^6.1.1", | ||
| "@twilio-paste/icons": "^3.0.4", | ||
| "@twilio-paste/style-props": "^1.5.2", | ||
| "@twilio-paste/design-tokens": "^6.2.0", | ||
| "@twilio-paste/icons": "^3.1.0", | ||
| "@twilio-paste/style-props": "^1.5.3", | ||
| "@twilio-paste/styling-library": "^0.1.2", | ||
| "@twilio-paste/theme": "^3.2.15", | ||
| "@twilio-paste/types": "^3.0.18" | ||
| "@twilio-paste/theme": "^3.2.16", | ||
| "@twilio-paste/types": "^3.0.19" | ||
| }, | ||
| "gitHead": "9f27d2a2ce90ddae67aa451da902e9c00cd1f9f9" | ||
| "gitHead": "c493af8cd58d63177ea6c956ee15c9f04915c4f5" | ||
| } |
New alerts
License Policy Violation
LicenseThis 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
LicenseThis 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
- increased by0.68%
29003
No dependency changes