Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@contentful/f36-skeleton
Advanced tools
@contentful/f36-skeleton - npm Package Compare versions
Comparing version 4.0.1-next-v4-6321.2232 to 4.0.1-next-v4-6330.2234
@@ -1,2 +0,2 @@ | ||
| var e=f(require("@babel/runtime/helpers/extends")),t=require("react"),n=f(t),{useCallback:r}=t,{useId:o,Box:i}=require("@contentful/f36-core"),{TableRow:a,TableCell:l}=require("@contentful/f36-table");function s(e,t,n,r){Object.defineProperty(e,t,{get:n,set:r,enumerable:!0,configurable:!0})}function f(e){return e&&e.__esModule?e.default:e}var c={};function u({numberOfLines:e=1,offsetLeft:t=0,offsetTop:o=0,lineHeight:i=21,marginBottom:a=20,width:l}){const s=r((e=>l||(e?"80%":"100%")),[l]);return n.createElement(n.Fragment,null,Array.from(Array(e)).map(((r,l)=>n.createElement("rect",{key:`skeleton-display-text-${l}`,x:t,y:l*(+i+ +a)+ +o,rx:"0",ry:"0",width:s(e>1&&e-l==1),height:i}))))}s(c,"SkeletonBodyText",(()=>m)),s(c,"SkeletonContainer",(()=>d)),s(c,"SkeletonDisplayText",(()=>p)),s(c,"SkeletonImage",(()=>g)),s(c,"SkeletonRow",(()=>b)),s(c,"SkeletonText",(()=>u));const m=({lineHeight:t=16,marginBottom:r=8,numberOfLines:o=2,offsetLeft:i=0,offsetTop:a=0,...l})=>n.createElement(u,e({lineHeight:t,marginBottom:r,numberOfLines:o>0?o:1,offsetLeft:i,offsetTop:a},l));function d({children:t,testId:r="cf-ui-skeleton-form",ariaLabel:a="Loading component...",width:l="100%",height:s="100%",preserveAspectRatio:f,backgroundColor:c="#e5ebed",backgroundOpacity:u=1,isAnimated:m=!0,speed:d=2,foregroundColor:p="#f7f9fa",foregroundOpacity:g=1,svgWidth:h="100%",svgHeight:b="100%",clipId:y,gradientId:E,animateId:k,...$}){const L=o(y,"cf-ui-skeleton-clip"),O=o(E,"cf-ui-skeleton-clip-gradient"),v=o(void 0,"animation"),C=k||v;return n.createElement(i,e({as:"svg",display:"block",role:"img","aria-label":a,preserveAspectRatio:f,width:h,height:b,testId:r},$),a?n.createElement("title",null,a):null,n.createElement("rect",{x:"0",y:"0",width:l,height:s,clipPath:`url(#${L})`,style:{fill:`url(#${O})`}}),n.createElement("defs",null,n.createElement("clipPath",{id:L},t),n.createElement("linearGradient",{id:O},n.createElement("stop",{offset:"0%",stopColor:c,stopOpacity:u},m&&n.createElement("animate",{id:C,attributeName:"stop-color",values:`${c}; ${p}; ${c}`,dur:`${d}s`,repeatCount:"indefinite"})),n.createElement("stop",{offset:"50%",stopColor:p,stopOpacity:g},m&&n.createElement("animate",{attributeName:"stop-color",values:`${c}; ${p}; ${c}`,begin:`${C}.begin+0.25s`,dur:`${d}s`,repeatCount:"indefinite"})),n.createElement("stop",{offset:"100%",stopColor:c,stopOpacity:u},m&&n.createElement("animate",{attributeName:"stop-color",begin:`${C}.begin+0.5s`,values:`${c}; ${p}; ${c}`,dur:`${d}s`,repeatCount:"indefinite"})))))}function p({lineHeight:t=21,marginBottom:r=20,numberOfLines:o=1,offsetLeft:i=0,offsetTop:a=0,width:l=100,...s}){return n.createElement(u,e({lineHeight:t,marginBottom:r,numberOfLines:o,offsetLeft:i,offsetTop:a,width:l},s))}function g({testId:t="cf-ui-skeleton-image",offsetLeft:r,offsetTop:o,width:i=70,height:a=70,radiusX:l=0,radiusY:s=0,...f}){return n.createElement("rect",e({x:r,y:o,rx:l,ry:s,width:i,height:a,"data-test-id":t},f))}const h=()=>n.createElement(l,null,n.createElement(d,{svgHeight:16},n.createElement(m,{numberOfLines:1}))),b=({columnCount:e=5,rowCount:t=1})=>n.createElement(n.Fragment,null,Array.from(Array(t)).map(((t,r)=>n.createElement(a,{key:r},Array.from(Array(e)).map(((e,t)=>n.createElement(h,{key:t})))))));var y,E;y=module.exports,E=c,Object.keys(E).forEach((function(e){"default"!==e&&"__esModule"!==e&&Object.defineProperty(y,e,{enumerable:!0,get:function(){return E[e]}})})); | ||
| var e=f(require("@babel/runtime/helpers/extends")),t=require("react"),n=f(t),{useCallback:r}=t,{Box:o,useId:i}=require("@contentful/f36-core"),{TableRow:a,TableCell:l}=require("@contentful/f36-table");function s(e,t,n,r){Object.defineProperty(e,t,{get:n,set:r,enumerable:!0,configurable:!0})}function f(e){return e&&e.__esModule?e.default:e}var c={};function u({numberOfLines:e=1,offsetLeft:t=0,offsetTop:o=0,lineHeight:i=21,marginBottom:a=20,width:l}){const s=r((e=>l||(e?"80%":"100%")),[l]);return n.createElement(n.Fragment,null,Array.from(Array(e)).map(((r,l)=>n.createElement("rect",{key:`skeleton-display-text-${l}`,x:t,y:l*(+i+ +a)+ +o,rx:"0",ry:"0",width:s(e>1&&e-l==1),height:i}))))}s(c,"SkeletonBodyText",(()=>m)),s(c,"SkeletonContainer",(()=>d)),s(c,"SkeletonDisplayText",(()=>p)),s(c,"SkeletonImage",(()=>g)),s(c,"SkeletonRow",(()=>b)),s(c,"SkeletonText",(()=>u));const m=({lineHeight:t=16,marginBottom:r=8,numberOfLines:o=2,offsetLeft:i=0,offsetTop:a=0,...l})=>n.createElement(u,e({lineHeight:t,marginBottom:r,numberOfLines:o>0?o:1,offsetLeft:i,offsetTop:a},l));function d({children:t,testId:r="cf-ui-skeleton-form",ariaLabel:a="Loading component...",width:l="100%",height:s="100%",preserveAspectRatio:f,backgroundColor:c="#e5ebed",backgroundOpacity:u=1,isAnimated:m=!0,speed:d=2,foregroundColor:p="#f7f9fa",foregroundOpacity:g=1,svgWidth:h="100%",svgHeight:b="100%",clipId:y,gradientId:E,animateId:k,...$}){const L=i(y,"cf-ui-skeleton-clip"),O=i(E,"cf-ui-skeleton-clip-gradient"),v=i(void 0,"animation"),C=k||v;return n.createElement(o,e({as:"svg",display:"block",role:"img","aria-label":a,preserveAspectRatio:f,width:h,height:b,testId:r},$),a?n.createElement("title",null,a):null,n.createElement("rect",{x:"0",y:"0",width:l,height:s,clipPath:`url(#${L})`,style:{fill:`url(#${O})`}}),n.createElement("defs",null,n.createElement("clipPath",{id:L},t),n.createElement("linearGradient",{id:O},n.createElement("stop",{offset:"0%",stopColor:c,stopOpacity:u},m&&n.createElement("animate",{id:C,attributeName:"stop-color",values:`${c}; ${p}; ${c}`,dur:`${d}s`,repeatCount:"indefinite"})),n.createElement("stop",{offset:"50%",stopColor:p,stopOpacity:g},m&&n.createElement("animate",{attributeName:"stop-color",values:`${c}; ${p}; ${c}`,begin:`${C}.begin+0.25s`,dur:`${d}s`,repeatCount:"indefinite"})),n.createElement("stop",{offset:"100%",stopColor:c,stopOpacity:u},m&&n.createElement("animate",{attributeName:"stop-color",begin:`${C}.begin+0.5s`,values:`${c}; ${p}; ${c}`,dur:`${d}s`,repeatCount:"indefinite"})))))}function p({lineHeight:t=21,marginBottom:r=20,numberOfLines:o=1,offsetLeft:i=0,offsetTop:a=0,width:l=100,...s}){return n.createElement(u,e({lineHeight:t,marginBottom:r,numberOfLines:o,offsetLeft:i,offsetTop:a,width:l},s))}function g({testId:t="cf-ui-skeleton-image",offsetLeft:r,offsetTop:o,width:i=70,height:a=70,radiusX:l=0,radiusY:s=0,...f}){return n.createElement("rect",e({x:r,y:o,rx:l,ry:s,width:i,height:a,"data-test-id":t},f))}const h=()=>n.createElement(l,null,n.createElement(d,{svgHeight:16},n.createElement(m,{numberOfLines:1}))),b=({columnCount:e=5,rowCount:t=1})=>n.createElement(n.Fragment,null,Array.from(Array(t)).map(((t,r)=>n.createElement(a,{key:r},Array.from(Array(e)).map(((e,t)=>n.createElement(h,{key:t})))))));var y,E;y=module.exports,E=c,Object.keys(E).forEach((function(e){"default"!==e&&"__esModule"!==e&&Object.defineProperty(y,e,{enumerable:!0,get:function(){return E[e]}})})); | ||
| //# sourceMappingURL=main.js.map |
| { | ||
| "name": "@contentful/f36-skeleton", | ||
| "version": "4.0.1-next-v4-6321.2232+4fbeb4b9", | ||
| "version": "4.0.1-next-v4-6330.2234+82fc9a50", | ||
| "description": "Forma 36: Skeleton component", | ||
@@ -10,5 +10,5 @@ "scripts": { | ||
| "@babel/runtime": "^7.6.2", | ||
| "@contentful/f36-core": "4.0.1-next-v4-6321.2232+4fbeb4b9", | ||
| "@contentful/f36-table": "4.0.1-next-v4-6321.2232+4fbeb4b9", | ||
| "@contentful/f36-tokens": "4.0.1-next-v4-6321.2232+4fbeb4b9", | ||
| "@contentful/f36-core": "4.0.1-next-v4-6330.2234+82fc9a50", | ||
| "@contentful/f36-table": "4.0.1-next-v4-6330.2234+82fc9a50", | ||
| "@contentful/f36-tokens": "4.0.1-next-v4-6330.2234+82fc9a50", | ||
| "emotion": "^10.0.17" | ||
@@ -37,3 +37,3 @@ }, | ||
| }, | ||
| "gitHead": "4fbeb4b96baa267fe697a3143d14a4325fa77158" | ||
| "gitHead": "82fc9a50a968ded4d1d5365e0c49f2eb83715710" | ||
| } |
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
Manifest confusion
Supply chain riskThis package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.
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
Manifest confusion
Supply chain riskThis package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.
Found 1 instance in 1 package
No metric changes