@twilio-paste/skeleton-loader - npm Package Compare versions

Comparing version 2.0.0 to 2.0.1

dist/index.debug.js

@@ -24,3 +24,2 @@ var __create = Object.create;
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __objRest = (source, exclude) => {
@@ -42,18 +41,12 @@ var target = {};
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
@@ -65,2 +58,3 @@ // src/index.tsx
 });
+module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
@@ -159,3 +153,2 @@ var import_styling_library2 = require("@twilio-paste/styling-library");
 SkeletonLoader.displayName = "SkeletonLoader";
-module.exports = __toCommonJS(src_exports);
 // Annotate the CommonJS export names for ESM import in node:
@@ -162,0 +155,0 @@ 0 && (module.exports = {

dist/index.es.js

@@ -1,2 +0,2 @@
-var E=Object.defineProperty,v=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var n=Object.getOwnPropertySymbols;var s=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable;var m=(e,o,r)=>o in e?E(e,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[o]=r,l=(e,o)=>{for(var r in o||(o={}))s.call(o,r)&&m(e,r,o[r]);if(n)for(var r of n(o))d.call(o,r)&&m(e,r,o[r]);return e},p=(e,o)=>v(e,T(o));var u=(e,o)=>{var r={};for(var t in e)s.call(e,t)&&o.indexOf(t)<0&&(r[t]=e[t]);if(e!=null&&n)for(var t of n(e))o.indexOf(t)<0&&d.call(e,t)&&(r[t]=e[t]);return r};import*as a from"react";import{styled as z,themeGet as f}from"@twilio-paste/styling-library";import{Box as A,safelySpreadBoxProps as C}from"@twilio-paste/box";import{keyframes as H}from"@twilio-paste/styling-library";var c=H`
+var __defProp=Object.defineProperty,__defProps=Object.defineProperties;var __getOwnPropDescs=Object.getOwnPropertyDescriptors;var __getOwnPropSymbols=Object.getOwnPropertySymbols;var __hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable;var __defNormalProp=(obj,key,value)=>key in obj?__defProp(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,__spreadValues=(a,b)=>{for(var prop in b||(b={}))__hasOwnProp.call(b,prop)&&__defNormalProp(a,prop,b[prop]);if(__getOwnPropSymbols)for(var prop of __getOwnPropSymbols(b))__propIsEnum.call(b,prop)&&__defNormalProp(a,prop,b[prop]);return a},__spreadProps=(a,b)=>__defProps(a,__getOwnPropDescs(b));var __objRest=(source,exclude)=>{var target={};for(var prop in source)__hasOwnProp.call(source,prop)&&exclude.indexOf(prop)<0&&(target[prop]=source[prop]);if(source!=null&&__getOwnPropSymbols)for(var prop of __getOwnPropSymbols(source))exclude.indexOf(prop)<0&&__propIsEnum.call(source,prop)&&(target[prop]=source[prop]);return target};import*as React from"react";import{styled,themeGet}from"@twilio-paste/styling-library";import{Box,safelySpreadBoxProps}from"@twilio-paste/box";import{keyframes}from"@twilio-paste/styling-library";var SkeletonLoaderKeyframes=keyframes`
   0% {
@@ -9,3 +9,3 @@ transform: translateX(-100%) skew(155deg);
   }
-`;var D=z.div`
+`;var SkeletonLoaderInner=styled.div`
   position: absolute;
@@ -19,4 +19,4 @@ top: 0;
     transparent,
-    ${f("backgroundColors.colorBackground")} 40%,
-    ${f("backgroundColors.colorBackground")} 60%,
+    ${themeGet("backgroundColors.colorBackground")} 40%,
+    ${themeGet("backgroundColors.colorBackground")} 60%,
     transparent
@@ -26,5 +26,5 @@ );
   animation-timing-function: cubic-bezier(0.06, 0.42, 0.57, 0.89);
-  animation-name: ${c};
+  animation-name: ${SkeletonLoaderKeyframes};
   animation-duration: 4.5s;
   animation-iteration-count: infinite;
-`,K=a.forwardRef((M,w)=>{var i=M,{borderBottomLeftRadius:e,borderBottomRightRadius:o,borderRadius:r="borderRadius20",borderTopLeftRadius:t,borderTopRightRadius:g,element:k="SKELETON_LOADER",display:b,height:L="sizeIcon20",maxHeight:R,maxWidth:y,minHeight:h,minWidth:x,size:B=null,width:S=null}=i,P=u(i,["borderBottomLeftRadius","borderBottomRightRadius","borderRadius","borderTopLeftRadius","borderTopRightRadius","element","display","height","maxHeight","maxWidth","minHeight","minWidth","size","width"]);return a.createElement(A,p(l({},C(P)),{"aria-busy":"true",backgroundColor:"colorBackgroundStrong",borderBottomLeftRadius:e,borderBottomRightRadius:o,borderRadius:r,borderTopLeftRadius:t,borderTopRightRadius:g,display:b,element:k,height:L,maxHeight:R,maxWidth:y,minHeight:h,minWidth:x,overflow:"hidden",pointerEvents:"none",position:"relative",userSelect:"none",size:B,width:S,ref:w}),a.createElement(D,null))});K.displayName="SkeletonLoader";export{K as SkeletonLoader};
+`,SkeletonLoader=React.forwardRef((_a,ref)=>{var _b=_a,{borderBottomLeftRadius,borderBottomRightRadius,borderRadius="borderRadius20",borderTopLeftRadius,borderTopRightRadius,element="SKELETON_LOADER",display,height="sizeIcon20",maxHeight,maxWidth,minHeight,minWidth,size=null,width=null}=_b,props=__objRest(_b,["borderBottomLeftRadius","borderBottomRightRadius","borderRadius","borderTopLeftRadius","borderTopRightRadius","element","display","height","maxHeight","maxWidth","minHeight","minWidth","size","width"]);return React.createElement(Box,__spreadProps(__spreadValues({},safelySpreadBoxProps(props)),{"aria-busy":"true",backgroundColor:"colorBackgroundStrong",borderBottomLeftRadius,borderBottomRightRadius,borderRadius,borderTopLeftRadius,borderTopRightRadius,display,element,height,maxHeight,maxWidth,minHeight,minWidth,overflow:"hidden",pointerEvents:"none",position:"relative",userSelect:"none",size,width,ref}),React.createElement(SkeletonLoaderInner,null))});SkeletonLoader.displayName="SkeletonLoader";export{SkeletonLoader};

dist/index.js

@@ -1,2 +0,2 @@
-var C=Object.create;var n=Object.defineProperty,D=Object.defineProperties,K=Object.getOwnPropertyDescriptor,M=Object.getOwnPropertyDescriptors,O=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,X=Object.getPrototypeOf,l=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable;var c=(e,o,r)=>o in e?n(e,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[o]=r,f=(e,o)=>{for(var r in o||(o={}))l.call(o,r)&&c(e,r,o[r]);if(d)for(var r of d(o))u.call(o,r)&&c(e,r,o[r]);return e},g=(e,o)=>D(e,M(o)),k=e=>n(e,"__esModule",{value:!0});var b=(e,o)=>{var r={};for(var t in e)l.call(e,t)&&o.indexOf(t)<0&&(r[t]=e[t]);if(e!=null&&d)for(var t of d(e))o.indexOf(t)<0&&u.call(e,t)&&(r[t]=e[t]);return r};var $=(e,o)=>{for(var r in o)n(e,r,{get:o[r],enumerable:!0})},L=(e,o,r,t)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of O(o))!l.call(e,a)&&(r||a!=="default")&&n(e,a,{get:()=>o[a],enumerable:!(t=K(o,a))||t.enumerable});return e},I=(e,o)=>L(k(n(e!=null?C(X(e)):{},"default",!o&&e&&e.__esModule?{get:()=>e.default,enumerable:!0}:{value:e,enumerable:!0})),e),N=(e=>(o,r)=>e&&e.get(o)||(r=L(k({}),o,1),e&&e.set(o,r),r))(typeof WeakMap!="undefined"?new WeakMap:0);var G={};$(G,{SkeletonLoader:()=>h});var i=I(require("react")),s=require("@twilio-paste/styling-library"),m=require("@twilio-paste/box");var R=require("@twilio-paste/styling-library"),y=R.keyframes`
+var __create=Object.create;var __defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDesc=Object.getOwnPropertyDescriptor,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropNames=Object.getOwnPropertyNames,__getOwnPropSymbols=Object.getOwnPropertySymbols,__getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable;var __defNormalProp=(obj,key,value)=>key in obj?__defProp(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,__spreadValues=(a,b)=>{for(var prop in b||(b={}))__hasOwnProp.call(b,prop)&&__defNormalProp(a,prop,b[prop]);if(__getOwnPropSymbols)for(var prop of __getOwnPropSymbols(b))__propIsEnum.call(b,prop)&&__defNormalProp(a,prop,b[prop]);return a},__spreadProps=(a,b)=>__defProps(a,__getOwnPropDescs(b));var __objRest=(source,exclude)=>{var target={};for(var prop in source)__hasOwnProp.call(source,prop)&&exclude.indexOf(prop)<0&&(target[prop]=source[prop]);if(source!=null&&__getOwnPropSymbols)for(var prop of __getOwnPropSymbols(source))exclude.indexOf(prop)<0&&__propIsEnum.call(source,prop)&&(target[prop]=source[prop]);return target};var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var src_exports={};__export(src_exports,{SkeletonLoader:()=>SkeletonLoader});module.exports=__toCommonJS(src_exports);var React=__toESM(require("react")),import_styling_library2=require("@twilio-paste/styling-library"),import_box=require("@twilio-paste/box");var import_styling_library=require("@twilio-paste/styling-library"),SkeletonLoaderKeyframes=import_styling_library.keyframes`
   0% {
@@ -9,3 +9,3 @@ transform: translateX(-100%) skew(155deg);
   }
-`;var W=s.styled.div`
+`;var SkeletonLoaderInner=import_styling_library2.styled.div`
   position: absolute;
@@ -19,4 +19,4 @@ top: 0;
     transparent,
-    ${(0,s.themeGet)("backgroundColors.colorBackground")} 40%,
-    ${(0,s.themeGet)("backgroundColors.colorBackground")} 60%,
+    ${(0,import_styling_library2.themeGet)("backgroundColors.colorBackground")} 40%,
+    ${(0,import_styling_library2.themeGet)("backgroundColors.colorBackground")} 60%,
     transparent
@@ -26,5 +26,5 @@ );
   animation-timing-function: cubic-bezier(0.06, 0.42, 0.57, 0.89);
-  animation-name: ${y};
+  animation-name: ${SkeletonLoaderKeyframes};
   animation-duration: 4.5s;
   animation-iteration-count: infinite;
-`,h=i.forwardRef((_,A)=>{var p=_,{borderBottomLeftRadius:e,borderBottomRightRadius:o,borderRadius:r="borderRadius20",borderTopLeftRadius:t,borderTopRightRadius:a,element:x="SKELETON_LOADER",display:B,height:S="sizeIcon20",maxHeight:P,maxWidth:w,minHeight:E,minWidth:v,size:T=null,width:H=null}=p,z=b(p,["borderBottomLeftRadius","borderBottomRightRadius","borderRadius","borderTopLeftRadius","borderTopRightRadius","element","display","height","maxHeight","maxWidth","minHeight","minWidth","size","width"]);return i.createElement(m.Box,g(f({},(0,m.safelySpreadBoxProps)(z)),{"aria-busy":"true",backgroundColor:"colorBackgroundStrong",borderBottomLeftRadius:e,borderBottomRightRadius:o,borderRadius:r,borderTopLeftRadius:t,borderTopRightRadius:a,display:B,element:x,height:S,maxHeight:P,maxWidth:w,minHeight:E,minWidth:v,overflow:"hidden",pointerEvents:"none",position:"relative",userSelect:"none",size:T,width:H,ref:A}),i.createElement(W,null))});h.displayName="SkeletonLoader";module.exports=N(G);0&&(module.exports={SkeletonLoader});
+`,SkeletonLoader=React.forwardRef((_a,ref)=>{var _b=_a,{borderBottomLeftRadius,borderBottomRightRadius,borderRadius="borderRadius20",borderTopLeftRadius,borderTopRightRadius,element="SKELETON_LOADER",display,height="sizeIcon20",maxHeight,maxWidth,minHeight,minWidth,size=null,width=null}=_b,props=__objRest(_b,["borderBottomLeftRadius","borderBottomRightRadius","borderRadius","borderTopLeftRadius","borderTopRightRadius","element","display","height","maxHeight","maxWidth","minHeight","minWidth","size","width"]);return React.createElement(import_box.Box,__spreadProps(__spreadValues({},(0,import_box.safelySpreadBoxProps)(props)),{"aria-busy":"true",backgroundColor:"colorBackgroundStrong",borderBottomLeftRadius,borderBottomRightRadius,borderRadius,borderTopLeftRadius,borderTopRightRadius,display,element,height,maxHeight,maxWidth,minHeight,minWidth,overflow:"hidden",pointerEvents:"none",position:"relative",userSelect:"none",size,width,ref}),React.createElement(SkeletonLoaderInner,null))});SkeletonLoader.displayName="SkeletonLoader";0&&(module.exports={SkeletonLoader});

package.json

 {
   "name": "@twilio-paste/skeleton-loader",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "category": "data display",
@@ -40,9 +40,9 @@ "status": "production",
   "devDependencies": {
-    "@twilio-paste/animation-library": "^0.3.6",
-    "@twilio-paste/box": "^6.0.0",
-    "@twilio-paste/design-tokens": "^7.1.1",
-    "@twilio-paste/style-props": "^5.0.0",
-    "@twilio-paste/styling-library": "^1.0.0",
-    "@twilio-paste/theme": "^7.0.0",
-    "@twilio-paste/types": "^3.1.6",
+    "@twilio-paste/animation-library": "^0.3.7",
+    "@twilio-paste/box": "^6.0.1",
+    "@twilio-paste/design-tokens": "^7.3.0",
+    "@twilio-paste/style-props": "^5.0.2",
+    "@twilio-paste/styling-library": "^1.0.2",
+    "@twilio-paste/theme": "^7.0.1",
+    "@twilio-paste/types": "^3.1.8",
     "prop-types": "^15.7.2",
@@ -49,0 +49,0 @@ "react": "^17.0.2",

New alerts

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

95092

6.88%

Worsened metrics

Lines of code

358

-0.56%

Number of low quality alerts

2

100%

No dependency changes