@contentful/f36-skeleton - npm Package Compare versions

Comparing version 4.0.1-next-v4-6423.2245 to 4.0.1-next-v4-6436.2246

dist/main.js

		@@ -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

dist/module.js

		@@ -1,2 +0,2 @@
		import e from"@babel/runtime/helpers/esm/extends";import t,{useCallback as n}from"react";import{Box as o,useId as r}from"@contentful/f36-core";import{TableRow as a,TableCell as i}from"@contentful/f36-table";function l(e,t,n,o){Object.defineProperty(e,t,{get:n,set:o,enumerable:!0,configurable:!0})}var s={};function f({numberOfLines:e=1,offsetLeft:o=0,offsetTop:r=0,lineHeight:a=21,marginBottom:i=20,width:l}){const s=n((e=>l\|\|(e?"80%":"100%")),[l]);return t.createElement(t.Fragment,null,Array.from(Array(e)).map(((n,l)=>t.createElement("rect",{key:`skeleton-display-text-${l}`,x:o,y:l*(+a+ +i)+ +r,rx:"0",ry:"0",width:s(e>1&&e-l==1),height:a}))))}l(s,"SkeletonBodyText",(()=>m)),l(s,"SkeletonContainer",(()=>c)),l(s,"SkeletonDisplayText",(()=>u)),l(s,"SkeletonImage",(()=>p)),l(s,"SkeletonRow",(()=>g)),l(s,"SkeletonText",(()=>f));const m=({lineHeight:n=16,marginBottom:o=8,numberOfLines:r=2,offsetLeft:a=0,offsetTop:i=0,...l})=>t.createElement(f,e({lineHeight:n,marginBottom:o,numberOfLines:r>0?r:1,offsetLeft:a,offsetTop:i},l));function c({children:n,testId:a="cf-ui-skeleton-form",ariaLabel:i="Loading component...",width:l="100%",height:s="100%",preserveAspectRatio:f,backgroundColor:m="#e5ebed",backgroundOpacity:c=1,isAnimated:u=!0,speed:p=2,foregroundColor:d="#f7f9fa",foregroundOpacity:g=1,svgWidth:h="100%",svgHeight:b="100%",clipId:y,gradientId:k,animateId:E,...$}){const x=r(y,"cf-ui-skeleton-clip"),C=r(k,"cf-ui-skeleton-clip-gradient"),L=r(void 0,"animation"),T=E\|\|L;return t.createElement(o,e({as:"svg",display:"block",role:"img","aria-label":i,preserveAspectRatio:f,width:h,height:b,testId:a},$),i?t.createElement("title",null,i):null,t.createElement("rect",{x:"0",y:"0",width:l,height:s,clipPath:`url(#${x})`,style:{fill:`url(#${C})`}}),t.createElement("defs",null,t.createElement("clipPath",{id:x},n),t.createElement("linearGradient",{id:C},t.createElement("stop",{offset:"0%",stopColor:m,stopOpacity:c},u&&t.createElement("animate",{id:T,attributeName:"stop-color",values:`${m}; ${d}; ${m}`,dur:`${p}s`,repeatCount:"indefinite"})),t.createElement("stop",{offset:"50%",stopColor:d,stopOpacity:g},u&&t.createElement("animate",{attributeName:"stop-color",values:`${m}; ${d}; ${m}`,begin:`${T}.begin+0.25s`,dur:`${p}s`,repeatCount:"indefinite"})),t.createElement("stop",{offset:"100%",stopColor:m,stopOpacity:c},u&&t.createElement("animate",{attributeName:"stop-color",begin:`${T}.begin+0.5s`,values:`${m}; ${d}; ${m}`,dur:`${p}s`,repeatCount:"indefinite"})))))}function u({lineHeight:n=21,marginBottom:o=20,numberOfLines:r=1,offsetLeft:a=0,offsetTop:i=0,width:l=100,...s}){return t.createElement(f,e({lineHeight:n,marginBottom:o,numberOfLines:r,offsetLeft:a,offsetTop:i,width:l},s))}function p({testId:n="cf-ui-skeleton-image",offsetLeft:o,offsetTop:r,width:a=70,height:i=70,radiusX:l=0,radiusY:s=0,...f}){return t.createElement("rect",e({x:o,y:r,rx:l,ry:s,width:a,height:i,"data-test-id":n},f))}const d=()=>t.createElement(i,null,t.createElement(c,{svgHeight:16},t.createElement(m,{numberOfLines:1}))),g=({columnCount:e=5,rowCount:n=1})=>t.createElement(t.Fragment,null,Array.from(Array(n)).map(((n,o)=>t.createElement(a,{key:o},Array.from(Array(e)).map(((e,n)=>t.createElement(d,{key:n})))))));export{m as SkeletonBodyText,c as SkeletonContainer,u as SkeletonDisplayText,p as SkeletonImage,g as SkeletonRow,f as SkeletonText};
		import e from"@babel/runtime/helpers/esm/extends";import t,{useCallback as n}from"react";import{useId as o,Box as r}from"@contentful/f36-core";import{TableRow as a,TableCell as i}from"@contentful/f36-table";function l(e,t,n,o){Object.defineProperty(e,t,{get:n,set:o,enumerable:!0,configurable:!0})}var s={};function f({numberOfLines:e=1,offsetLeft:o=0,offsetTop:r=0,lineHeight:a=21,marginBottom:i=20,width:l}){const s=n((e=>l\|\|(e?"80%":"100%")),[l]);return t.createElement(t.Fragment,null,Array.from(Array(e)).map(((n,l)=>t.createElement("rect",{key:`skeleton-display-text-${l}`,x:o,y:l*(+a+ +i)+ +r,rx:"0",ry:"0",width:s(e>1&&e-l==1),height:a}))))}l(s,"SkeletonBodyText",(()=>m)),l(s,"SkeletonContainer",(()=>c)),l(s,"SkeletonDisplayText",(()=>u)),l(s,"SkeletonImage",(()=>p)),l(s,"SkeletonRow",(()=>g)),l(s,"SkeletonText",(()=>f));const m=({lineHeight:n=16,marginBottom:o=8,numberOfLines:r=2,offsetLeft:a=0,offsetTop:i=0,...l})=>t.createElement(f,e({lineHeight:n,marginBottom:o,numberOfLines:r>0?r:1,offsetLeft:a,offsetTop:i},l));function c({children:n,testId:a="cf-ui-skeleton-form",ariaLabel:i="Loading component...",width:l="100%",height:s="100%",preserveAspectRatio:f,backgroundColor:m="#e5ebed",backgroundOpacity:c=1,isAnimated:u=!0,speed:p=2,foregroundColor:d="#f7f9fa",foregroundOpacity:g=1,svgWidth:h="100%",svgHeight:b="100%",clipId:y,gradientId:k,animateId:E,...$}){const x=o(y,"cf-ui-skeleton-clip"),C=o(k,"cf-ui-skeleton-clip-gradient"),L=o(void 0,"animation"),T=E\|\|L;return t.createElement(r,e({as:"svg",display:"block",role:"img","aria-label":i,preserveAspectRatio:f,width:h,height:b,testId:a},$),i?t.createElement("title",null,i):null,t.createElement("rect",{x:"0",y:"0",width:l,height:s,clipPath:`url(#${x})`,style:{fill:`url(#${C})`}}),t.createElement("defs",null,t.createElement("clipPath",{id:x},n),t.createElement("linearGradient",{id:C},t.createElement("stop",{offset:"0%",stopColor:m,stopOpacity:c},u&&t.createElement("animate",{id:T,attributeName:"stop-color",values:`${m}; ${d}; ${m}`,dur:`${p}s`,repeatCount:"indefinite"})),t.createElement("stop",{offset:"50%",stopColor:d,stopOpacity:g},u&&t.createElement("animate",{attributeName:"stop-color",values:`${m}; ${d}; ${m}`,begin:`${T}.begin+0.25s`,dur:`${p}s`,repeatCount:"indefinite"})),t.createElement("stop",{offset:"100%",stopColor:m,stopOpacity:c},u&&t.createElement("animate",{attributeName:"stop-color",begin:`${T}.begin+0.5s`,values:`${m}; ${d}; ${m}`,dur:`${p}s`,repeatCount:"indefinite"})))))}function u({lineHeight:n=21,marginBottom:o=20,numberOfLines:r=1,offsetLeft:a=0,offsetTop:i=0,width:l=100,...s}){return t.createElement(f,e({lineHeight:n,marginBottom:o,numberOfLines:r,offsetLeft:a,offsetTop:i,width:l},s))}function p({testId:n="cf-ui-skeleton-image",offsetLeft:o,offsetTop:r,width:a=70,height:i=70,radiusX:l=0,radiusY:s=0,...f}){return t.createElement("rect",e({x:o,y:r,rx:l,ry:s,width:a,height:i,"data-test-id":n},f))}const d=()=>t.createElement(i,null,t.createElement(c,{svgHeight:16},t.createElement(m,{numberOfLines:1}))),g=({columnCount:e=5,rowCount:n=1})=>t.createElement(t.Fragment,null,Array.from(Array(n)).map(((n,o)=>t.createElement(a,{key:o},Array.from(Array(e)).map(((e,n)=>t.createElement(d,{key:n})))))));export{m as SkeletonBodyText,c as SkeletonContainer,u as SkeletonDisplayText,p as SkeletonImage,g as SkeletonRow,f as SkeletonText};
		//# sourceMappingURL=module.js.map

package.json

		{
		"name": "@contentful/f36-skeleton",
		"version": "4.0.1-next-v4-6423.2245+4464dc89",
		"version": "4.0.1-next-v4-6436.2246+ab39734f",
		"description": "Forma 36: Skeleton component",
		@@ -10,5 +10,5 @@ "scripts": {
		"@babel/runtime": "^7.6.2",
		"@contentful/f36-core": "4.0.1-next-v4-6423.2245+4464dc89",
		"@contentful/f36-table": "4.0.1-next-v4-6423.2245+4464dc89",
		"@contentful/f36-tokens": "4.0.1-next-v4-6423.2245+4464dc89",
		"@contentful/f36-core": "4.0.1-next-v4-6436.2246+ab39734f",
		"@contentful/f36-table": "4.0.1-next-v4-6436.2246+ab39734f",
		"@contentful/f36-tokens": "4.0.1-next-v4-6436.2246+ab39734f",
		"emotion": "^10.0.17"
		@@ -37,3 +37,3 @@ },
		},
		"gitHead": "4464dc892504c11cc533a8e9d6efc34c8fa2cf2a"
		"gitHead": "ab39734f4c9f68e016c9f54ad78968569c3c12f2"
		}

@contentful/f36-skeleton - npm Package Compare versions

New alerts

Fixed alerts

Dependency changes