Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@twilio-paste/spinner
Advanced tools
@twilio-paste/spinner - npm Package Compare versions
Comparing version 1.2.33 to 2.0.0
@@ -6,2 +6,32 @@ # Change Log | ||
| # [2.0.0](https://github.com/twilio-labs/paste/compare/@twilio-paste/spinner@1.2.33...@twilio-paste/spinner@2.0.0) (2020-08-05) | ||
| ### Bug Fixes | ||
| * **icons:** use display=block by default and rename 'iconColor' prop to 'color' ([#637](https://github.com/twilio-labs/paste/issues/637)) ([82beef4](https://github.com/twilio-labs/paste/commit/82beef487c514b2eab5c40b1ef1409842dd4ca82)) | ||
| ### BREAKING CHANGES | ||
| * **icons:** This change renames a key prop and changes the display mode from inline-flex to block | ||
| * fix: use new icon prop (iconColor -> color) | ||
| * test: update snapshots | ||
| * chore(icons): update readme to mention correct display value | ||
| Co-authored-by: Rich Bachman <rb@richbachman.com> | ||
| * chore(website): update icon doc prop table | ||
| Co-authored-by: Rich Bachman <rb@richbachman.com> | ||
| Co-authored-by: Rich Bachman <rb@richbachman.com> | ||
| ## [1.2.33](https://github.com/twilio-labs/paste/compare/@twilio-paste/spinner@1.2.32...@twilio-paste/spinner@1.2.33) (2020-08-04) | ||
@@ -8,0 +38,0 @@ |
@@ -1,2 +0,2 @@ | ||
| import{createElement as e,useState as r,useEffect as i}from"react";import{string as o,number as n}from"prop-types";import{system as t,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 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"; | ||
| /*! ***************************************************************************** | ||
@@ -15,2 +15,2 @@ Copyright (c) Microsoft Corporation. All rights reserved. | ||
| and limitations under the License. | ||
| ***************************************************************************** */var m=t({iconColor:{property:"color",scale:"textColors"}}),y=a.span(l(s,m,c));y.defaultProps={display:"inline-flex",iconColor:"currentColor",size:"sizeIcon30"},y.displayName="IconWrapper";var v=function(r){var i=r.as,o=r.display,n=r.size,t=r.iconColor,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:i,display:o,size:n,iconColor:t},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,C=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)),b=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:C+" 2s linear infinite","@media screen and (prefers-reduced-motion: reduce)":{animation:"none"}})})),h=function(o){var n=o.as,t=o.size,a=o.iconColor,l=o.decorative,s=o.title,c=o.delay,d=void 0===c?250:c,p=r(0===d),u=p[0],f=p[1];return i((function(){if(0!==d){var e=setTimeout((function(){return f(!0)}),d);return function(){return clearTimeout(e)}}}),[d]),e(b,{size:t,show:u},e(v,{as:n,size:t,iconColor:a,decorative:l,title:s}))};h.defaultProps={size:"sizeIcon20"},"development"===process.env.NODE_ENV&&(h.propTypes={title:o.isRequired,delay:n,size:f}),h.displayName="Spinner";export{h 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 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}; |
@@ -1,1 +0,1 @@ | ||
| "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("prop-types"),i=require("@twilio-paste/styling-library"),t=require("react-uid"),n=require("@twilio-paste/style-props");var o=i.system({iconColor:{property:"color",scale:"textColors"}}),a=i.styled.span(i.compose(i.display,o,i.size));a.defaultProps={display:"inline-flex",iconColor:"currentColor",size:"sizeIcon30"},a.displayName="IconWrapper";var l=function(r){var i=r.as,n=r.display,o=r.size,l=r.iconColor,s=r.title,c=r.decorative;if(!c&&null==s)throw new Error("[LoadingIcon]: Missing a title for non-decorative icon.");return e.createElement(a,{as:i,display:n,size:o,iconColor:l},e.createElement(t.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=i.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=i.styled.div(i.size,(function(e){return i.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 i=r.as,t=r.size,n=r.iconColor,o=r.decorative,a=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:t,show:u},e.createElement(l,{as:i,size:t,iconColor:n,decorative:o,title:a}))};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 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; |
| { | ||
| "name": "@twilio-paste/spinner", | ||
| "version": "1.2.33", | ||
| "version": "2.0.0", | ||
| "category": "feedback", | ||
@@ -31,8 +31,8 @@ "status": "production", | ||
| "peerDependencies": { | ||
| "@twilio-paste/design-tokens": "^6.0.0", | ||
| "@twilio-paste/icons": "^2.6.3", | ||
| "@twilio-paste/style-props": "^1.4.1", | ||
| "@twilio-paste/design-tokens": "^6.0.1", | ||
| "@twilio-paste/icons": "^2.6.4", | ||
| "@twilio-paste/style-props": "^1.4.2", | ||
| "@twilio-paste/styling-library": "^0.1.1", | ||
| "@twilio-paste/theme": "^3.2.11", | ||
| "@twilio-paste/types": "^3.0.15", | ||
| "@twilio-paste/theme": "^3.2.12", | ||
| "@twilio-paste/types": "^3.0.16", | ||
| "prop-types": "^15.7.2", | ||
@@ -45,3 +45,3 @@ "react": "^16.8.6", | ||
| "@twilio-paste/design-tokens": "^6.0.1", | ||
| "@twilio-paste/icons": "^2.6.4", | ||
| "@twilio-paste/icons": "^3.0.0", | ||
| "@twilio-paste/style-props": "^1.4.2", | ||
@@ -52,3 +52,3 @@ "@twilio-paste/styling-library": "^0.1.1", | ||
| }, | ||
| "gitHead": "83483a9a56b2ca722884c5d9068bcaf7b7474007" | ||
| "gitHead": "30d1387f2b857291be571aa0381902900472faad" | ||
| } |
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 by2.88%
28023
No dependency changes