@twilio-paste/skeleton-loader
Advanced tools
Comparing version
@@ -117,5 +117,1 @@ "use strict"; | ||
SkeletonLoader.displayName = "SkeletonLoader"; | ||
// Annotate the CommonJS export names for ESM import in node: | ||
0 && (module.exports = { | ||
SkeletonLoader | ||
}); |
@@ -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", |
104955
-0.13%273
-1.44%