@twilio-paste/spinner - npm Package Compare versions

Comparing version 7.2.0 to 7.2.1

CHANGELOG.md

 # Change Log
 
+## 7.2.1
+
+### Patch Changes
+
+- [`01baddcd`](https://github.com/twilio-labs/paste/commit/01baddcd62c9367c7d6d12bb853a25d4849132f6) [#1925](https://github.com/twilio-labs/paste/pull/1925) Thanks [@shleewhite](https://github.com/shleewhite)! - Add displayNames to all components
+
 ## 7.2.0
@@ -4,0 +10,0 @@

dist/index.es.js

@@ -1,2 +0,2 @@
-var i=Object.assign;import{createElement as r,forwardRef as R,useEffect as W,useState as E}from"react";import{number as G,string as u}from"prop-types";import{useUID as $}from"@twilio-paste/uid-library";import{IconWrapper as K}from"@twilio-paste/icons/esm/helpers/IconWrapper";import{useTheme as z}from"@twilio-paste/theme";import{isIconSizeTokenProp as B}from"@twilio-paste/style-props";import{styled as n}from"@twilio-paste/styling-library";import{keyframes as m}from"@twilio-paste/styling-library";var c=45,s={cx:50,cy:50,r:c},e=Math.PI*2*c;var l=m`
+var i=Object.assign;import{createElement as r,forwardRef as R,useEffect as W,useState as E}from"react";import{number as G,string as g}from"prop-types";import{useUID as $}from"@twilio-paste/uid-library";import{IconWrapper as K}from"@twilio-paste/icons/esm/helpers/IconWrapper";import{useTheme as z}from"@twilio-paste/theme";import{isIconSizeTokenProp as B}from"@twilio-paste/style-props";import{styled as n}from"@twilio-paste/styling-library";import{keyframes as l}from"@twilio-paste/styling-library";var m=45,s={cx:50,cy:50,r:m},e=Math.PI*2*m;var f=l`
   0%,
@@ -18,3 +18,3 @@ 15% {
   }
-`,f=m`
+`,y=l`
   0% {
@@ -26,2 +26,2 @@ transform: rotateZ(0deg);
   }
-`;var y=n.circle({transformOrigin:"center",opacity:.25}),d=n.circle(({show:o})=>({transformOrigin:"center",animation:`1.5s ease-in-out infinite both ${f}`,strokeDasharray:e,opacity:o?1:0})),h=n.svg({height:"100%",width:"100%",display:"block",animation:`4.25s linear infinite both ${l}`});var g=R(({size:o,color:S="currentColor",title:p,as:w,display:x,decorative:P,delay:t=250,element:b="SPINNER"},k)=>{let a=`spinner-${$()}`,{borderWidths:{borderWidth40:C}}=z(),[T,I]=E(t===0);return W(()=>{if(t!==0){let v=setTimeout(()=>I(!0),t);return()=>clearTimeout(v)}},[t]),r(K,{as:w,element:b,display:x,size:o,color:S,"aria-hidden":P,ref:k},r(h,{viewBox:"0 0 100 100",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":a},p?r("title",{id:a},p):null,r("g",{strokeWidth:C,stroke:"currentColor",strokeLinecap:"round",fill:"transparent"},r(y,i({},s)),r(d,i({show:T},s)))))});g.propTypes={title:u.isRequired,delay:G,element:u,size:B};export{g as Spinner};
+`;var d=n.circle({transformOrigin:"center",opacity:.25}),h=n.circle(({show:o})=>({transformOrigin:"center",animation:`1.5s ease-in-out infinite both ${y}`,strokeDasharray:e,opacity:o?1:0})),u=n.svg({height:"100%",width:"100%",display:"block",animation:`4.25s linear infinite both ${f}`});var p=R(({size:o,color:S="currentColor",title:a,as:w,display:x,decorative:P,delay:t=250,element:b="SPINNER"},k)=>{let c=`spinner-${$()}`,{borderWidths:{borderWidth40:C}}=z(),[T,I]=E(t===0);return W(()=>{if(t!==0){let v=setTimeout(()=>I(!0),t);return()=>clearTimeout(v)}},[t]),r(K,{as:w,element:b,display:x,size:o,color:S,"aria-hidden":P,ref:k},r(u,{viewBox:"0 0 100 100",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":c},a?r("title",{id:c},a):null,r("g",{strokeWidth:C,stroke:"currentColor",strokeLinecap:"round",fill:"transparent"},r(d,i({},s)),r(h,i({show:T},s)))))});p.displayName="Spinner";p.propTypes={title:g.isRequired,delay:G,element:g,size:B};export{p as Spinner};

dist/index.js

@@ -1,2 +0,2 @@
-var B=Object.create,c=Object.defineProperty,D=Object.getPrototypeOf,A=Object.prototype.hasOwnProperty,L=Object.getOwnPropertyNames,M=Object.getOwnPropertyDescriptor;var l=Object.assign,h=e=>c(e,"__esModule",{value:!0});var N=(e,t)=>{h(e);for(var o in t)c(e,o,{get:t[o],enumerable:!0})},O=(e,t,o)=>{if(h(e),t&&typeof t=="object"||typeof t=="function")for(let s of L(t))!A.call(e,s)&&s!=="default"&&c(e,s,{get:()=>t[s],enumerable:!(o=M(t,s))||o.enumerable});return e},i=e=>e&&e.__esModule?e:O(c(e!=null?B(D(e)):{},"default",{value:e,enumerable:!0}),e);N(exports,{Spinner:()=>I});var r=i(require("react")),p=i(require("prop-types")),b=i(require("@twilio-paste/uid-library")),k=i(require("@twilio-paste/icons/cjs/helpers/IconWrapper")),C=i(require("@twilio-paste/theme")),T=i(require("@twilio-paste/style-props"));var m=i(require("@twilio-paste/styling-library"));var y=i(require("@twilio-paste/styling-library"));var u=45,f={cx:50,cy:50,r:u},n=Math.PI*2*u;var g=y.keyframes`
+var B=Object.create,c=Object.defineProperty,D=Object.getPrototypeOf,N=Object.prototype.hasOwnProperty,A=Object.getOwnPropertyNames,L=Object.getOwnPropertyDescriptor;var l=Object.assign,u=e=>c(e,"__esModule",{value:!0});var M=(e,t)=>{u(e);for(var o in t)c(e,o,{get:t[o],enumerable:!0})},O=(e,t,o)=>{if(u(e),t&&typeof t=="object"||typeof t=="function")for(let s of A(t))!N.call(e,s)&&s!=="default"&&c(e,s,{get:()=>t[s],enumerable:!(o=L(t,s))||o.enumerable});return e},i=e=>e&&e.__esModule?e:O(c(e!=null?B(D(e)):{},"default",{value:e,enumerable:!0}),e);M(exports,{Spinner:()=>d});var r=i(require("react")),p=i(require("prop-types")),k=i(require("@twilio-paste/uid-library")),C=i(require("@twilio-paste/icons/cjs/helpers/IconWrapper")),T=i(require("@twilio-paste/theme")),I=i(require("@twilio-paste/style-props"));var m=i(require("@twilio-paste/styling-library"));var y=i(require("@twilio-paste/styling-library"));var g=45,f={cx:50,cy:50,r:g},n=Math.PI*2*g;var S=y.keyframes`
   0%,
@@ -18,3 +18,3 @@ 15% {
   }
-`,S=y.keyframes`
+`,w=y.keyframes`
   0% {
@@ -26,2 +26,2 @@ transform: rotateZ(0deg);
   }
-`;var w=m.styled.circle({transformOrigin:"center",opacity:.25}),x=m.styled.circle(({show:e})=>({transformOrigin:"center",animation:`1.5s ease-in-out infinite both ${S}`,strokeDasharray:n,opacity:e?1:0})),P=m.styled.svg({height:"100%",width:"100%",display:"block",animation:`4.25s linear infinite both ${g}`});var I=r.forwardRef(({size:e,color:t="currentColor",title:o,as:s,display:v,decorative:R,delay:a=250,element:W="SPINNER"},E)=>{let d=`spinner-${b.useUID()}`,{borderWidths:{borderWidth40:G}}=C.useTheme(),[$,K]=r.useState(a===0);return r.useEffect(()=>{if(a!==0){let z=setTimeout(()=>K(!0),a);return()=>clearTimeout(z)}},[a]),r.createElement(k.IconWrapper,{as:s,element:W,display:v,size:e,color:t,"aria-hidden":R,ref:E},r.createElement(P,{viewBox:"0 0 100 100",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":d},o?r.createElement("title",{id:d},o):null,r.createElement("g",{strokeWidth:G,stroke:"currentColor",strokeLinecap:"round",fill:"transparent"},r.createElement(w,l({},f)),r.createElement(x,l({show:$},f)))))});I.propTypes={title:p.string.isRequired,delay:p.number,element:p.string,size:T.isIconSizeTokenProp};
+`;var x=m.styled.circle({transformOrigin:"center",opacity:.25}),P=m.styled.circle(({show:e})=>({transformOrigin:"center",animation:`1.5s ease-in-out infinite both ${w}`,strokeDasharray:n,opacity:e?1:0})),b=m.styled.svg({height:"100%",width:"100%",display:"block",animation:`4.25s linear infinite both ${S}`});var d=r.forwardRef(({size:e,color:t="currentColor",title:o,as:s,display:v,decorative:R,delay:a=250,element:W="SPINNER"},E)=>{let h=`spinner-${k.useUID()}`,{borderWidths:{borderWidth40:G}}=T.useTheme(),[$,K]=r.useState(a===0);return r.useEffect(()=>{if(a!==0){let z=setTimeout(()=>K(!0),a);return()=>clearTimeout(z)}},[a]),r.createElement(C.IconWrapper,{as:s,element:W,display:v,size:e,color:t,"aria-hidden":R,ref:E},r.createElement(b,{viewBox:"0 0 100 100",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":h},o?r.createElement("title",{id:h},o):null,r.createElement("g",{strokeWidth:G,stroke:"currentColor",strokeLinecap:"round",fill:"transparent"},r.createElement(x,l({},f)),r.createElement(P,l({show:$},f)))))});d.displayName="Spinner";d.propTypes={title:p.string.isRequired,delay:p.number,element:p.string,size:I.isIconSizeTokenProp};

package.json

 {
   "name": "@twilio-paste/spinner",
-  "version": "7.2.0",
+  "version": "7.2.1",
   "category": "feedback",
@@ -42,7 +42,7 @@ "status": "production",
     "@twilio-paste/box": "^4.2.4",
-    "@twilio-paste/design-tokens": "^6.12.0",
-    "@twilio-paste/icons": "^5.6.0",
+    "@twilio-paste/design-tokens": "^6.14.0",
+    "@twilio-paste/icons": "^5.8.0",
     "@twilio-paste/style-props": "^3.0.2",
     "@twilio-paste/styling-library": "^0.3.1",
-    "@twilio-paste/theme": "^5.0.2",
+    "@twilio-paste/theme": "^5.3.1",
     "@twilio-paste/types": "^3.1.2",
@@ -49,0 +49,0 @@ "@twilio-paste/uid-library": "^0.2.1",

No alert changes

Improved metrics

Total package byte prevSize

458172

increased by18.07%

No dependency changes