🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more
Socket
Book a DemoInstallSign in
Socket

@twilio-paste/skeleton-loader

Package Overview
Dependencies
Maintainers
4
Versions
22
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

Comparing version

to
6.0.0

4

dist/index.debug.js

@@ -117,5 +117,1 @@ "use strict";

SkeletonLoader.displayName = "SkeletonLoader";
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
SkeletonLoader
});

2

dist/index.js

@@ -27,2 +27,2 @@ "use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;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`

animation-iteration-count: infinite;
`,SkeletonLoader=React.forwardRef(({borderBottomLeftRadius,borderBottomRightRadius,borderRadius="borderRadius20",borderTopLeftRadius,borderTopRightRadius,element="SKELETON_LOADER",display,height="sizeIcon20",maxHeight,maxWidth,minHeight,minWidth,size=null,width=null,...props},ref)=>React.createElement(import_box.Box,{...(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});
`,SkeletonLoader=React.forwardRef(({borderBottomLeftRadius,borderBottomRightRadius,borderRadius="borderRadius20",borderTopLeftRadius,borderTopRightRadius,element="SKELETON_LOADER",display,height="sizeIcon20",maxHeight,maxWidth,minHeight,minWidth,size=null,width=null,...props},ref)=>React.createElement(import_box.Box,{...(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";
{
"name": "@twilio-paste/skeleton-loader",
"version": "5.0.1",
"version": "6.0.0",
"category": "data display",

@@ -27,11 +27,11 @@ "status": "production",

"peerDependencies": {
"@twilio-paste/animation-library": "^1.0.0",
"@twilio-paste/box": "^9.0.0",
"@twilio-paste/color-contrast-utils": "^4.0.0",
"@twilio-paste/customization": "^7.0.0",
"@twilio-paste/design-tokens": "^9.0.0",
"@twilio-paste/style-props": "^8.0.0",
"@twilio-paste/styling-library": "^2.0.0",
"@twilio-paste/theme": "^10.0.0",
"@twilio-paste/types": "^5.0.0",
"@twilio-paste/animation-library": "^2.0.0",
"@twilio-paste/box": "^10.0.0",
"@twilio-paste/color-contrast-utils": "^5.0.0",
"@twilio-paste/customization": "^8.0.0",
"@twilio-paste/design-tokens": "^10.0.0",
"@twilio-paste/style-props": "^9.0.0",
"@twilio-paste/styling-library": "^3.0.0",
"@twilio-paste/theme": "^11.0.0",
"@twilio-paste/types": "^6.0.0",
"@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27",

@@ -44,11 +44,11 @@ "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10",

"devDependencies": {
"@twilio-paste/animation-library": "^1.0.0",
"@twilio-paste/box": "^9.0.0",
"@twilio-paste/color-contrast-utils": "^4.0.0",
"@twilio-paste/customization": "^7.0.0",
"@twilio-paste/design-tokens": "^9.3.0",
"@twilio-paste/style-props": "^8.0.0",
"@twilio-paste/styling-library": "^2.0.0",
"@twilio-paste/theme": "^10.0.0",
"@twilio-paste/types": "^5.0.1",
"@twilio-paste/animation-library": "^2.0.0",
"@twilio-paste/box": "^10.0.0",
"@twilio-paste/color-contrast-utils": "^5.0.0",
"@twilio-paste/customization": "^8.0.0",
"@twilio-paste/design-tokens": "^10.0.0",
"@twilio-paste/style-props": "^9.0.0",
"@twilio-paste/styling-library": "^3.0.0",
"@twilio-paste/theme": "^11.0.0",
"@twilio-paste/types": "^6.0.0",
"@types/react": "^18.0.27",

@@ -55,0 +55,0 @@ "@types/react-dom": "^18.0.10",